<分区>
我有一个 div，我必须使用 Angular2 添加一些可变的 html 代码。
import {Component,Input,ViewChild,ElementRef,OnInit} from 'angular2/core';
@Component({
selector: 'my-view',
template: `
<div #myDiv>{{str}}</div>
`,
styleUrls:['src/css/thedata.css']
})
export class AngularComponent{
private str = "<div class='EachWidget FL'><div class='WidgetDataParent'><div class='widgetTitleBar'></div></div></div>";
}
我必须在名为 myDiv 的 div 中添加 str 字符串作为 html。
最佳答案
您可以像这样绑定(bind)到 innerHTML 属性:
import {Component,Input,ViewChild,ElementRef,OnInit} from 'angular2/core';
@Component({
selector: 'my-view',
template: `
<div [innerHTML]="str" #myDiv></div>
`,
styleUrls:['src/css/thedata.css']
})
export class AngularComponent{
private str = "<div class='EachWidget FL'><div class='WidgetDataParent'><div class='widgetTitleBar'></div></div></div>";
}
关于javascript - 如何使用 Angular2 将 html 代码附加到 div 元素，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/38069335/