javascript - Angular:清理净化后的 HTML 中的 img 标签

Question

我有一个组件，它使用由受信任的外部源接收的 HTML 片段。我正在使用 Angular 的 DomSanitizer 和bypassSecurityTrustHtml 方法，特别是在使用innerHTML 将其绑定(bind)到我的模板之前处理包含代码片段的变量。

我遇到的问题是这个片段包含一个 img 标签，其 src 属性是外部域/url。因此，本质上我还需要使用诸如bypassSecurityTrustResourceUrl之类的东西来清理它。

我尝试将bypassSecurityTrustResourceUrl(通过将其转换为字符串)嵌套在bypassSecurityTrustHtml 方法中，但这似乎不正确，而且也不起作用。

以前有人遇到过此类问题吗？

这是一个快速的 Stackblitz，展示了我想要实现的目标: https://stackblitz.com/edit/angular-dqvhbc

Answer 1

img您提供的标签不正确。

<img src="https://www.google.com.au/logos/doodles/2018/doodle-snow-games-day-7-5009413877268480.2-s.png" >

最初只是 <img="URL">

这是Updated stackblitz URL