【问题标题】:Angular 2 innerhtml from webservice, parse variable来自webservice的Angular 2 innerhtml,解析变量
【发布时间】:2017-05-30 09:38:37
【问题描述】:

我对 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']);

网络服务 html:this.page['content']:

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

结果:

{{name}}

【问题讨论】:

  • 您不能将角度模板语法绑定到 [innerHTML]。检查this thread 以了解可能的方法。

标签: angular angular2-template


【解决方案1】:

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

The Fantabulous ng-dynamic

而且它的用法也很简单:

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

它与 angular2+ 指令绑定

祝你好运

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2016-09-27
    • 2012-05-04
    • 1970-01-01
    • 1970-01-01
    • 2017-01-12
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多