Javascript 如何在包含HTML的变量中绑定blob属性？

假设我有一个包含HTML字符串的变量：

let html = '<img src="https://example.com/image.png">';

---

因此，当我在模板上输出HTML时，它将不起作用。

因为包含img的HTML来自一个变量而不是模板，所以不能对img src使用属性绑定。而是使用string replace在img src内设置blob url，然后使用domsanizer.bypassSecurityTrustHtml绕过html变量的安全性，进入组件上名为sanitizedHTMLvariable的属性。然后，可以使用将此属性绑定到组件模板

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

---

因此，在这种情况下，不需要绕过Blob URL的安全性，而是在变量中的完整HTML内容上（前提是您信任HTML内容）。

您可以包装一个plunker，或者只发布导致问题的完整代码。。

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