angular怎么显示html,在Angular 2绑定中显示HTML特殊字符？

我有一个像这样的普通绑定{{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字符串)。

对于"&amp；"符号，它是U+0026：

埃多克斯1〔8〕

在某些情况下，这是唯一适合我的方法。

当innerHTML工作时，它将中断行，并且div将显示在新行中(如果您喜欢使用DIV)。用outerHTML代替。它将在您使用它的同一个地方添加EDOCX1的值(5)。

。

使用innerHTML时，SPAN是更好的选择。

您可以这样使用innerhtml：

号

它会正确解码

您也可以尝试这样的绑定方式u0026"

你可以试试这个。

把你的模型绑起来