防止角度解析{{在模板中

Question

是否存在一种解决方案，可迫使角度不解析{{ }}？ 我想在html模板中放置一些角度代码，但是angular试图解析它。

<![CDATA[ {{index}} ]]>-不适用于aot

Answer 1

您可以使用ngNonBindable

https://codecraft.tv/courses/angular/built-in-directives/ngnonbindable

<span ngNonBindable> {{index}} </span>

或者您也可以使用一个包含大括号文本的变量

component.ts

public stringWithBraces = "{{index}}";

component.html

{{stringWithBraces}}

或者您可以使用引号（但它不是很可读）

 {{ '{{' }}index  }}

Stackblitz demo