我正在尝试将动态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'];
}
}