如何使angular2[innerHtml]工作[重复]

Question

我不知道哪里做错了，因为没有错误报告。

import { Component, OnInit, ViewContainerRef } from '@angular/core';

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css']
})
export class AppComponent implements OnInit {
 testhtml = "<p>Hello world</p>";
    constructor(){}

 }

}

<div class="blog-post">[innerHtml]="testhtml"</div>

Answer 1

Angular使用{{property}}插值。这就是在div中显示纯文本的方式，如下所示

解决方案1：

<div class="blog-post">{{testhtml}}</div>

但这将写出文本，而不是HTML。

<div class="blog-post" [innerHtml]="testhtml"></div>

解决方案3：

<div class="blog-post" innerHtml="{{testhtml}}"></div>

属性绑定（解决方案2）是首选方法。