如何逃避单个花括号角度4模板

Question

我有类似的东西

<div ngNonBindable>
  yada yada.... { ... }  blah blah....
<div>

即使使用“ ngNonBindable”指令，我也会收到错误：

compiler.es5.js:1690 Uncaught Error: Template parse errors:
Unexpected character "EOF" (Do you have an unescaped "{" in your template? Use "{{ '{' }}") to escape it.) ("
<div>

两件事情：

1）请指出正确的方向。

2）或者，请采取一种解决方法。

Answer 1

您可以对{-> { 和}-> 使用特殊字符}

<div ngNonBindable>
  yada yada.... &#123; ... &#125;  blah blah....
<div>

Answer 2

您可以将文本绑定到字符串文字：

<div>
  {{"yada yada.... { ... }  blah blah...."}}
<div>

（如果文本中也带有引号，则可以使用对其进行转义\）

编辑：刚看到您需要保留的评论ngNonBindable。看起来这是一个未解决的问题，因此在修复此问题之前，您可能需要查看是否可以重组标记以从该ngNonBindable部分中删除转义的文本。

Answer 3

<div>
  yada yada.... {{ '{' }} ... {{ '}' }}  blah blah....
<div>

有一个未解决的错误ngNonBindable