如何转义单花括号angular 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>
  {{"yada yada.... { ... }  blah blah...."}}
<div>

(如果文本中也有引号，可以用\转义)

编辑：刚刚看到您需要保留的评论 ngNonBindable。看起来有一个 open issue，所以在修复之前，您可能需要看看是否可以重组标记以从 ngNonBindable 部分中删除转义文本。

Answer 2

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

ngNonBindable

有空缺 bug

Answer 3

您可以为 { --> { 和 } --> }

使用特殊字符

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

如何转义单花括号angular 4 模板

How to escape single curly braces angular 4 template

angular-template

angular