如何在angular2 app中使用html代码

Question

我需要一个元素内的空格字符， 在普通的html文件＆amp; nbsp中没问题，但是当我在angular2组件中使用它时，它会打印原始字符串＆＃34;＆amp; nbsp＆＃34;我在网上进行了一些搜索并创建了一个cmponent的内部属性并设置它＆＃39;＆amp; nbsp＆＃39;但仍然无法工作

模板（app.component.html）：

<li><a class="active-nav" href="index.html">MenuItem1<span>{{innerHTML}}</span></a>

组分（app.component.ts）：

export class AppComponent {
  innerHTML;
  constructor(){
    this.innerHTML='&nbsp';//I also tried ' ' not work
  }

我该如何解决？

Answer 1

您可以像这样使用innerHTML绑定：

<span [innerHTML]="innerHTML"></span>