我有一个像这样的普通绑定{{foo}},它在HTML中将foo的值显示为文本。来自服务器的文本是"R&D"。我需要这个显示为"R&D"。有什么帮助吗?
Angular 2 HTML绑定的可能副本
{{}}用于字符串绑定。
使用属性绑定到innerHTML来正确显示这些字符。
有关详细信息,请参阅https://stackoverflow.com/a/41089093/217408。
为了更有趣和更灵活,您可以创建一个管道来解析HTML实体:
@Pipe({name:"decodeHtmlString"})
export class DecodeHtmlString implements PipeTransform {
transform(value: string) {
const tempElement = document.createElement("div")
tempElement.innerHTML = value
return tempElement.innerText
}
}
{{foo | decodeHtmlString}}
我建议这是一个更好的答案,因为我需要在"title"属性上解析一些HTML实体,而innerhtml不是答案。创建自定义管道并使用它解决了我的问题。
不在IE9&10中工作
这对我更好,我需要将HTML解码为输入占位符属性。
把这个和公认的答案结合起来…如果可能,可以直接设置innerhtml,在其他情况下设置管道。
如果不想使用[innerHTML],可以使用Unicode字符串字符(如果项目中使用的是Unicode字符串)。
对于"&;"符号,它是U+0026:
埃多克斯1〔8〕
在某些情况下,这是唯一适合我的方法。
当innerHTML工作时,它将中断行,并且div将显示在新行中(如果您喜欢使用DIV)。用outerHTML代替。它将在您使用它的同一个地方添加EDOCX1的值(5)。
。
使用innerHTML时,SPAN是更好的选择。
您可以这样使用innerhtml:
号
它会正确解码
您也可以尝试这样的绑定方式u0026"
你可以试试这个。
把你的模型绑起来