是否可以将带有角表达式的角度(2+)模板代码内的动态html代码绑定到其中?

时间:2018-09-14 07:48:01

标签: javascript angular typescript

我正在尝试将动态HTML渲染为一个角度组件。问题是动态HTML内容中可能包含角度表达式,我也希望它也可以呈现。我已经尝试过DomSanitizer和组件工厂方法(下面的链接),但无法完成工作。基本上,我希望angular在旅途中编译模板代码。

@component ({
  template : `{{ htmlCodeWithAngularExperssion }}`
)}

export class SomeComponent {
  this.htmlCodeWithAngularExperssion = `Hello, I am {{ name }} !
                      and My Hobbies are : 
                      <span *ngFor="let hob of hobbies" >{{ hob }}</span>`;

  this.name = 'Sreenivas';
  this.hobbies = ['Video Games', 'Treckking'];

 }
}
  1. DomSanitizer方法:Angular 2: sanitizing HTML stripped some content with div id - this is bug or feature?

  2. 组件工厂:Equivalent of $compile in Angular 2

0 个答案:

没有答案