如
this plunker所示,我正在动态地向我的一个元素添加一个HTML,其归结为:
@H_502_1@@Component({
selector: 'my-comp',template: `<span [innerHTML]="link"></span>`,}) export class MyComponent {
private linkContent = '<a routerLink="/my-route">GoTo Route</a>';
private link;
constructor(sanitizer: DomSanitizer) {
this.link = sanitizer.bypassSecurityTrustHtml(linkContent);
}
}
@H_403_8@这导致< a routerLink =“/ my-route”> GoTo Route< / a>被添加到DOM,但Angular对此元素的routerLink指令一无所知,也没有“绑定”它.因此,当您单击该链接时,它会导致完全重新加载并重新引导(在plunk中不起作用,它只给出404).
问题:如何告诉角度通过DOM(或其部分,甚至是单个元素)并在需要时执行组件初始化?