使用角度6

Question

单击

按钮时，将插入一个html标记，该标记表示要添加到购物车的新产品名称和数量。客户提交表单后，我希望这些产品存储在对象数组中。

我面临的问题是6号角的安全性，它隐藏了一些类似输入的html标记。     

试图绕过此安全问题，我创建了一个名为SafePipe的管道，该管道将html转换为DomSenitizer

<div [innerHTML]="htmltobeadded | safe>

在这样的模板中效果很好。

在按钮方法中，我使用javascript注入了htmltobeadd，安全问题再次出现。

document.getElementById("add").innerHTML = htmltobeadded

我使用safePipe.transform（）将html转换为Domsenitizer

safehtml = safepipe.tranform(htmltobeadded)

二手

document.getElementById("add").innerHTML = safehtml

错误：safehtml无法分配给字符串类型

Answer 1

  

错误：safehtml无法分配给字符串类型

您可以直接将其投射到any：

document.getElementById("add").innerHTML = safehtml as any