为了用 Angular 2 编写应用程序,我需要将变量中包含的动态 html 包含到模板中。您可以在此处查看代码:
import { Component } from '@angular/core';
@Component({
selector: 'my-app',
template: '{{name}}',
})
export class AppComponent { name = '<h2>Angular</h2>'; }
但是结果不是我想要的:
<h2>Angular</h2>
我想知道是否有一种技术可以包含此变量来将标签处理为 html。
PS:我尝试这个代码:
import { Component } from '@angular/core';
@Component({
selector: 'my-app',
template: ' <div innerHTML="name" ></div>',
})
export class AppComponent { name = '<h2>Angular</h2>'; }
但这并不是我真正想要的,因为我不希望 div(或其他标签)封装 <h2>
.
最佳答案
如果你不想封装h2,你只需编写:
<h2 [innerHTML]="name"></h2>
急切地。
PS:名称是一个变量,如果你想用字符串测试它,请尝试:
<h2 [innerHTML]="'<b>my html code</b>'"></h2>
关于javascript - 在模板中包含包含 html 的变量 - angular2,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42114768/