В angular 7 я использую innerHTML , и кажется, что привязка не работает для щелчков и вложенных компонентов.
Я думаю, что в Angular JS они использовали $ compile.
Я также использую безопасную трубу для дезинфекции, например:
<div [innerHTML]="cell.innerHTML | SafeHtml"></div>
Это моя труба:
import { Pipe, PipeTransform } from '@angular/core';
import { DomSanitizer } from '@angular/platform-browser';
@Pipe({
name: 'SafeHtml'
})
export class SanitizeHtmlPipe implements PipeTransform {
constructor(private sanitizer: DomSanitizer) {
}
transform(content) {
return this.sanitizer.bypassSecurityTrustHtml(content);
}
}
Есть ли альтернатива innerHTML, чтобы я не терял привязки?