angular2 属性在模板绑定中包含 dom

Question

我正在尝试在 angular2 应用程序中显示来自 wordpress 站点的数据，wordpress post 的内容可以包含 DOM 元素，但我想呈现它而不是将其显示为文字.

我正在使用 rest API V2 插件从 wordpress 获取 posts。

Home.ts

import {Component, NgFor} from 'angular2/angular2';
import {Http, HTTP_PROVIDERS} from 'angular2/http';
import {RouterLink, ROUTER_DIRECTIVES, RouteConfig} from 'angular2/router';


@Component({
 selector: 'home',
 viewProviders: [HTTP_PROVIDERS],
 templateUrl: './app/home/home.html',
   directives: [NgFor, ROUTER_DIRECTIVES]
})
export class HomeCmp {
 posts: Array<any>;
 constructor(http: Http) {
  http.get('http://localhost/wptest/wp-json/wp/v2/posts').subscribe(res => {
   this.posts = <any>res.json();
  });
 }
}

<h1>I'm home page</h1>

<ul>
  <li *ng-for="#post of posts" class="post-item">
    <a [router-link]="['/Post', {id: post.id}]">
      <h3 class="post-title">
      {{post.title.rendered}}
    </h3>
      <p class="post-excerpt">
        {{post.excerpt.rendered}}
      </p>
      <div class="post-thumbnail"></div>
    </a>
  </li>
</ul>

Answer 1

<p class="post-excerpt" [innerHtml]="post.excerpt.rendered"></p>

埃里克·马丁内斯回答

angular2 属性在模板绑定中包含 dom

angular2 property contains dom in template binding

html

string

templatebinding

angular

angular2 属性 在模板绑定中包含 dom

angular2 property contains dom in template binding

html

string

templatebinding

angular

angular2 属性在模板绑定中包含 dom