[英]Include variable containing html in a template - angular2
对于用 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:name 是一个变量,如果你想用字符串测试它,试试:
<h2 [innerHTML]="'<b>my html code</b>'"></h2>
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.