我使用Angular 2.0.0-beta.0，我想直接創(chuàng)建并綁定一些簡(jiǎn)單的HTML。有可能嗎？我嘗試使用{{myField}}但是myField中的文本將被轉(zhuǎn)義。對(duì)于Angular 1.xi，發(fā)現(xiàn)ng-bind-html命中，但2.x似乎不支持弗蘭克斯
2 回答
Smart貓小萌
TA貢獻(xiàn)1911條經(jīng)驗(yàn) 獲得超7個(gè)贊
綁定到innerHTML屬性
有兩種方法可以實(shí)現(xiàn)：
<div [innerHTML]="myField"></div>
<div innerHTML="{{myField}}"></div>
將傳遞的HTML標(biāo)記為受信任的HTML，以便Angulars DOM sanitizer不會(huì)剝離
<div [innerHTML]="myField | safeHtml"></div>
用類(lèi)似的管道
@Pipe({name: 'safeHtml'})
export class Safe {
constructor(private sanitizer:DomSanitizer){}
transform(value: any, args?: any): any {
return this.sanitizer.bypassSecurityTrustHtml(value);
// return this.sanitizer.bypassSecurityTrustStyle(style);
// return this.sanitizer.bypassSecurityTrustXxx(style); - see docs
}
}
侃侃無(wú)極
TA貢獻(xiàn)2051條經(jīng)驗(yàn) 獲得超10個(gè)贊
我正在使用相同的方法來(lái)防止它剝奪click事件，但是現(xiàn)在click事件不會(huì)觸發(fā)，我已經(jīng)看到其他答案說(shuō)明了動(dòng)態(tài)事件click，但是在上述這種簡(jiǎn)單情況下，如何使click有效
- 2 回答
- 0 關(guān)注
- 1021 瀏覽
添加回答
舉報(bào)
0/150
提交
取消