如何在 Angular 中将大括号符号显示为文本？

Question

有没有一种简单的方法可以在 Angular 中显示大括号符号？
就像下面这样：

<div>{{hello curly brackets symbol}}</div>

我可以使用

innerText

来解决这个问题。但也许还有另一种更好的方法。

<div [innerText]="'{{hello curly brackets symbol}}'"></div>

Answer 1

是的，使用 [innerText] 的方法是在 Angular 模板中将大括号显示为文本的一种方法。另一种方法是使用大括号的 HTML 实体，即 { 代表 {，} 代表 }。使用方法如下：

{{ '{' }}你好大括号符号{{ '}' }}

这将呈现为：

{你好大括号符号}

如果您有许多需要显示为文本的大括号实例并且希望避免重复使用 [innerText]，那么使用 HTML 实体会很有用。