You need to sign in to do that
Don't have an account?
Kunal Purohit 4
I am getting following symbol along with value in LWC?
Here I am getting Slash symbol along with value. Previously i was getting HTML tags along with value. That i have fixed by converting Lightning-formatted-text into Lightning-formatted-rich-text in html. Here is the code. What else i should do to remove //-// symbols?
<!-- This component displays searched results --> <template> <div class="result-card slds-m-around_small"> <article class="slds-card"> <lightning-input class="result-selection" type="checkbox-button" name="result" checked={selected} onchange={handleSelectionChange}> </lightning-input> <div class="slds-card__body slds-card__body_inner" onclick={handleOpenService}> <div class="slds-m-bottom_small text-overflow font-emphasis"> <span>{result.Name}</span> </div> <div class="slds-grid slds-wrap" > <div class="slds-col slds-size_1-of-2 slds-p-around_x-small"> <div class="slds-grid slds-wrap slds-grid_align-spread slds-has-flexi-truncate section"> <div class="slds-col slds-size_1-of-2"> Agency Name </div> <div class="slds-col slds-size_1-of-2 break-word"> {result.AgencyName} </div> </div> <div class="slds-grid slds-wrap slds-grid_align-spread slds-has-flexi-truncate section"> <div class="slds-col slds-size_1-of-2"> Area Served is Statewide </div> <div class="slds-col slds-size_1-of-2 break-word"> {result.AreaServedisStatewide} </div> </div> <div class="slds-grid slds-wrap slds-grid_align-spread slds-has-flexi-truncate section"> <div class="slds-col slds-size_1-of-2"> Status </div> <div class="slds-col slds-size_1-of-2 break-word"> {result.Open} </div> </div> <div class="slds-grid slds-wrap slds-grid_align-spread slds-has-flexi-truncate section"> <div class="slds-col slds-size_1-of-2"> Area Served </div> <div class="slds-col slds-size_1-of-2"> <ul> <lightning-formatted-rich-text value={result.AreaServed}></lightning-formatted-rich-text> </ul> </div> </div> <div class="slds-grid slds-wrap slds-grid_align-spread slds-has-flexi-truncate section"> <div class="slds-col slds-size_1-of-2"> Distance </div> <div class="slds-col slds-size_1-of-2 break-word"> <lightning-formatted-text value={result.Distance}></lightning-formatted-text> </div> </div> <!-- <div class="slds-grid slds-wrap slds-grid_align-spread slds-has-flexi-truncate section"> <div class="slds-col slds-size_1-of-2"> Siteid </div> <div class="slds-col slds-size_1-of-2 break-word"> <lightning-formatted-text value={result.siteId}></lightning-formatted-text> </div> </div> --> <div class="slds-grid slds-wrap slds-grid_align-spread slds-has-flexi-truncate section"> <div class="slds-col slds-size_1-of-2"> Service Hours of Operation </div> <div class="slds-col slds-size_1-of-2 break-word"> <lightning-formatted-rich-text value={result.ServiceHoursofOperation}></lightning-formatted-rich-text> </div> <!-- <div class="slds-col slds-size_1-of-2"> <template if:true={result.hoursoperation}> <ul> <template for:each={result.hoursoperation} for:item="hour"> <li class="break-word" key={hour}>{hour}</li> </template> </ul> </template> </div> --> </div> <div class="additionalFields"> <template for:each={additionalFields} for:item="field"> <div class="slds-grid slds-wrap slds-grid_align-spread slds-has-flexi-truncate section" key={field.name}> <div class="slds-col slds-size_1-of-2"> {field.name} </div> <div class="slds-col slds-size_1-of-2"> <div class="slds-col slds-size_1-of-2 break-word"> {field.value} </div> </div> </div> </template> </div> </div> <div class="slds-col slds-size_1-of-2 slds-p-around_x-small"> <div class="slds-grid slds-wrap slds-grid_align-spread slds-has-flexi-truncate section"> <div class="slds-col slds-size_1-of-2"> Preview of Description </div> <div class="slds-col slds-size_1-of-2"> <ul> <lightning-formatted-rich-text value={result.DescriptionPreview}></lightning-formatted-rich-text> </ul> </div> </div> <div class="slds-grid slds-wrap slds-grid_align-spread slds-has-flexi-truncate section"> <div class="slds-col slds-size_1-of-2"> Additional Taxonomies Offered </div> <div class="slds-col slds-size_1-of-2"> <ul> <template for:each={result.AdditionalTaxonomies} for:item="additionalTaxo"> <li class="break-word" key={additionalTaxo}>{additionalTaxo}</li> </template> </ul> </div> </div> <div class="slds-grid slds-wrap slds-grid_align-spread slds-has-flexi-truncate section"> <div class="slds-col slds-size_1-of-2"> Site Address </div> <div class="slds-col slds-size_1-of-2"> <div class="slds-col slds-size_1-of-2 break-word"> <lightning-formatted-text value={result.siteAddress}></lightning-formatted-text> </div> </div> </div> <div class="additionalFields"> <template for:each={secondColumnFields} for:item="field"> <div class="slds-grid slds-wrap slds-grid_align-spread slds-has-flexi-truncate section" key={field.name}> <div class="slds-col slds-size_1-of-2"> {field.name} </div> <div class="slds-col slds-size_1-of-2"> <div class="break-word"> <lightning-formatted-rich-text value={field.value}></lightning-formatted-rich-text> </div> </div> </div> </template> </div> </div> </div> </div> </article> </div> </template>