Estoy tratando de configurar el contenido de un DOM-Element con innerHTML, pero no funciona como esperaba. El contenido que quiero configurar es una etiqueta con id y href como atributos, sin embargo, el atributo id no está en el contenido representado.
Código de ejemplo:
import { Component } from '@angular/core'; @Component({ selector: 'app-root', template: `<div [innerHTML]="html"></div>`, styleUrls: ['./app.component.css'] }) export class AppComponent { title = 'Angular'; html = '<a href="/" id="foo">link</a>'; }Cualquier ayuda es bienvenida.
Debe usar el método bypassSecurityTrustHtml para decirle a angular que este html es seguro de usar.
html = this.sanitizer.bypassSecurityTrustHtml('<a href="/" id="foo">link</a>'); constructor(private sanitizer: DomSanitizer){}