关于角度：如何使angular2 [innerHtml]工作

How to get angular2 [innerHtml] to work

本问题已经有最佳答案，请猛点这里访问。

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

我有一个组件类

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16

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(){}

}

}

在我的模板文件中，我会这样做：

1	[innerHtml]="testhtml"

号

但这似乎行不通。还有什么需要进口的吗？

我使用的是angular cli"version"："1.0.0-beta.26"，

相关讨论

角度使用{{property}}进行值的插值。这就是在您的div中显示纯文本的方式，就像这样。

解决方案1：

1	{{testhtml}}

号

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

对于HTML，您需要绑定到属性

解决方案2：

注：我把[innerHtml]移到了div标签的内部。

去掉方括号将绑定到属性，因此需要再次插入

解决方案3：

属性绑定(解决方案2)是首选方法。