Javascript 在模板中包含包含html的变量-angular2

为了使用Angular 2编写应用程序，我需要将变量中包含的dynamics html包含到模板中。您可以在此处看到代码：

import { Component } from '@angular/core';

@Component({
  selector: 'my-app',
  template: '{{name}}',
})
export class AppComponent  { name = '<h2>Angular</h2>'; }

从'@angular/core'导入{Component}；
@组成部分({
选择器：“我的应用程序”，
模板：“{name}}”，
})
导出类AppComponent{name='Angular'；}

但是，结果并不是我想要的：

<h2>Angular</h2>

Angular

我想知道是否有一种技术可以将这个变量作为html处理标记

Ps：我尝试以下代码：

import { Component } from '@angular/core';

@Component({
  selector: 'my-app',
  template: ' <div innerHTML="name" ></div>',
})

export class AppComponent  { name = '<h2>Angular</h2>'; }

从'@angular/core'导入{Component}；
@组成部分({
选择器：“我的应用程序”，
模板：“”，
})
导出类AppComponent{name='Angular'；}

---

但这并不是我真正想要的，因为我不希望div（或另一个标记）封装

如果你不想封装h2，你只需要写：

<h2 [innerHTML]="name"></h2>

冷冰冰的

PS:name是一个变量，如果您想用字符串测试它，请尝试：

<h2 [innerHTML]="'<b>my html code</b>'"></h2>

---

如果不想封装h2，只需编写：

<h2 [innerHTML]="name"></h2>

冷冰冰的

PS:name是一个变量，如果您想用字符串测试它，请尝试：

<h2 [innerHTML]="'<b>my html code</b>'"></h2>

Dup of。解决方案就在这里：Dup of。解决方案如下：