Tengo una cadena almacenada en mi localStorage con las etiquetas HTML ya que uso ngx-quill (Editor de texto enriquecido angular) que almacena los datos en texto con formato HTML.
Así es como se ve mi localStorage:
Como puede ver en la imagen de arriba, en la descripción, hay etiquetas p.
¿Hay alguna forma de mostrarlo en la página Angular sin las etiquetas?
Debe usar innerHTML y asegurarse de que confía en el HTML si contiene una etiqueta de secuencia de comandos; de lo contrario, Angular arrojará un error.
Haga lo siguiente, cree una canalización safeHTML:
import { Pipe, PipeTransform } from '@angular/core'; import { DomSanitizer, SafeHtml } from '@angular/platform-browser'; @Pipe({ name: 'sanitizeHtml' }) export class SanitizeHtmlPipe implements PipeTransform { constructor(private sanitizer: DomSanitizer) { } transform(html: string): any { return this.sanitizer.bypassSecurityTrustHtml(html); } }
y luego use esto con innerHTML así:
<span [innerHTML]="description" | sanitizeHtml"></span>
Use: [innerHTML] para eso, por ejemplo:
<div [innerHTML]="data.description"></div>