有没有办法在 DOM 中插入代码并强制插入它。在这个变体中,我将文本“ {{name}}
”插入到 div 中,它只保留“ {{name}}
”在视图中。代码和指向 plunker 的链接如下。
@Component({
selector: 'my-app',
template: `
<div #myId></div>
`,
})
export class App implements ngAfterViewInit {
name:string = 'hello world';
constructor(myElement: ElementRef) {}
@ViewChild('myId') myDiv:ElementRef;
ngAfterViewInit() {
this.myDiv.nativeElement.innerHTML = '{{name}}' // I want this to be 'hello world' in View
}
}
这是当前代码的链接 https://plnkr.co/edit/VYltGSDqVRar0Z2aqRln?p=preview
ps我知道这段代码可能看起来很奇怪,而且不是 Agular 的,但这只是我的问题的简化版本。我被 angular-datatables 困住了,它在渲染时遇到了麻烦{{interpolation}}
。https://github.com/l-lin/angular-datatables/issues/1131