如何逃避Angular模板中的花括号?

时间:2017-02-28 18:51:05

标签: angular

说我想在Angular 2+模板中显示以下字符串 - 包括{{ }}

Hello {{name}}, how are you?"

NB。整个字符串将是硬编码的,它不会来自变量。

逃避花括号的最佳方法是什么,以免它们被视为插值?

我有一些有用的东西,但它看起来并不干净:

Hello {{ '{{' }}name}}, how are you?

1 个答案:

答案 0 :(得分:17)

有一个特殊的内置属性ngNonBindable,可以像:

一样应用
<ng-container ngNonBindable>
  Hello {{name}}, how are you?"
</ng-container>

<div ngNonBindable>
  Hello {{name}}, how are you?"
</div>

如果你有一些容器

<强> Plunker Example