Angular 如何从组件设置ng模板值

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

我的HTML文件中有以下内容:

<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>');
}