angular中需要通过插入带有directive的img标签,在html中innerhtml这段标

Question

现在有个需求,富文本生成的img标签需要在详情中能点击放大的效果。
我的想法是写一个点击放大的组件，然后在富文本生成img标签的时候插入selector标识，调用放大组件。

问题：

在详情中获取到生成好的img标签通过[innerHtml]插入到页面中。

-通过[innerHtml]插入的标签angular会自动删除所有attribute防止xss攻击，通过DomSanitizer解决了。虽然页面展示了<img appNgzLightbox src="https://unsplash.it/600.jpg?image=251">标签。但是appNgzLightbox这个directive没被触发。直接在页面中加入这个标签是没有问题的

为什么appNgzLightbox这个组件不能被触发，angular为什么无法识别标签中appNgzLightbox呢？是因为通过innerhtml后没有触发检测，angular没法识别这个selector？求大神谢谢了，在线等。。。

ts

html

<span [innerHtml]='url'></span>