現(xiàn)在有個(gè)需求,富文本生成的img標(biāo)簽需要在詳情中能點(diǎn)擊放大的效果。我的想法是寫一個(gè)點(diǎn)擊放大的組件,然后在富文本生成img標(biāo)簽的時(shí)候插入selector標(biāo)識(shí),調(diào)用放大組件。問題:在詳情中獲取到生成好的img標(biāo)簽通過[innerHtml]插入到頁面中。-通過[innerHtml]插入的標(biāo)簽angular會(huì)自動(dòng)刪除所有attribute防止xss攻擊,通過DomSanitizer解決了。雖然頁面展示了<img appNgzLightbox src="https://unsplash.it/600.jpg?image=251">標(biāo)簽。但是appNgzLightbox這個(gè)directive沒被觸發(fā)。直接在頁面中加入這個(gè)標(biāo)簽是沒有問題的為什么appNgzLightbox這個(gè)組件不能被觸發(fā),angular為什么無法識(shí)別標(biāo)簽中appNgzLightbox呢?是因?yàn)橥ㄟ^innerhtml后沒有觸發(fā)檢測,angular沒法識(shí)別這個(gè)selector?求大神謝謝了,在線等。。。tshtml<span [innerHtml]='url'></span>
angular中需要通過插入帶有directive的img標(biāo)簽,在html中innerhtml這段標(biāo)
牧羊人nacy
2019-02-26 21:27:08