Angular 如何从组件设置ng模板值
我的HTML文件中有以下内容:Angular 如何从组件设置ng模板值,angular,angular8,ng-template,angular9,Angular,Angular8,Ng Template,Angular9,我的HTML文件中有以下内容: <div> <ng-template #valueTemplate> </ng-template> </div> 如何从组件设置其值?不会在DOM中创建,因为它只是一个模板 您应该绑定到将在DOM中创建的元素,例如 作为奖励,您可以使用innerHTML属性进行绑定 <div [innerHTML]="content"></div> 为此,您需要在组件中将其标记为安全HTM
<div>
<ng-template #valueTemplate>
</ng-template>
</div>
如何从组件设置其值?
不会在DOM中创建,因为它只是一个模板
您应该绑定到将在DOM中创建的元素,例如
作为奖励,您可以使用innerHTML
属性进行绑定
<div [innerHTML]="content"></div>
为此,您需要在组件中将其标记为安全HTML:
constructor(private sanitizer:DomSanitizer){}
content: string;
ngOnInit(): void {
this.content = this.sanitizer.bypassSecurityTrustHtml('<p>Hello, world!</p>');
}
constructor(私有sanitizer:domsanizizer){
内容:字符串;
ngOnInit():void{
this.content=this.sanitizer.bypassSecurityTrustHtml(“你好,世界!”);
}
constructor(private sanitizer:DomSanitizer){}
content: string;
ngOnInit(): void {
this.content = this.sanitizer.bypassSecurityTrustHtml('<p>Hello, world!</p>');
}