Web服务的Angular 2 InnerHTML,解析变量



我是Angular 2的新手 - 并且有一个"简单"问题

我有一个Web服务,它将内容传递给视图。在Web服务响应中,我想在模板中循环一个成员数组。

例如

name ='testtest';

feed = [{title:'test'},{title:'test42'}];

view.html:

<div class="content" [innerHTML]="page._content"></div>

view.ts:

this.page['_content'] = this.sanitizer.bypassSecurityTrustHtml(this.page['content']);

Web服务html:this.page ['content']:

{{name}} <li class="item" *ngFor="let entry of feed"> ....

结果:

{{name}}

告诉我这是否解决了您的问题,将角度语法绑定到[innerHTML]

幻想ng-dynamic

它的用法也很简单:

<div *dynamicComponent="your_html_string">loadin</div>

它与Angular2 指令结合

祝你好运

最新更新