亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

如何在Angular2中綁定原始html

如何在Angular2中綁定原始html

九州編程 2019-10-21 09:31:18
我使用Angular 2.0.0-beta.0,我想直接創建并綁定一些簡單的HTML。有可能嗎?我嘗試使用{{myField}}但是myField中的文本將被轉義。對于Angular 1.xi,發現ng-bind-html命中,但2.x似乎不支持弗蘭克斯
查看完整描述

2 回答

?
Smart貓小萌

TA貢獻1911條經驗 獲得超7個贊

綁定到innerHTML屬性


有兩種方法可以實現:


<div [innerHTML]="myField"></div>

<div innerHTML="{{myField}}"></div>

將傳遞的HTML標記為受信任的HTML,以便Angulars DOM sanitizer不會剝離


<div [innerHTML]="myField | safeHtml"></div>

用類似的管道


@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

  }

}


查看完整回答
反對 回復 2019-10-21
?
侃侃無極

TA貢獻2051條經驗 獲得超10個贊

我正在使用相同的方法來防止它剝奪click事件,但是現在click事件不會觸發,我已經看到其他答案說明了動態事件click,但是在上述這種簡單情況下,如何使click有效

查看完整回答
反對 回復 2019-10-21
  • 2 回答
  • 0 關注
  • 1024 瀏覽

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號