如何用Angular显示双花括号

时间:2017-10-11 22:00:20

标签: html angularjs entity

我一直在尝试使用HTML实体来避免Anginte在明文命中{{}}时进行绑定

所以我发现浏览器无论如何都会将它们转换为普通曲线括号。这是简单的样本。正如您在DOM检查器中看到的那样,HTML实体代码被转换为简单的曲线括号。它是在某处指定的吗?

https://codepen.io/anon/pen/OxEeqg

<body>
  &#123;&#123;1+2&#125;&#125;
</body>

更新:Chrome和FF在这种情况下表现相似。

2 个答案:

答案 0 :(得分:2)

在包装器元素上使用ng-non-bindable指令:

<span ng-non-bindable>{{1+2}}</span>

如果您在容器元素上使用它,您也可以忽略属性:

<div ng-non-bindable>
    <input value="{{example}}">
</div>

答案 1 :(得分:0)

要以Angular方式进行操作,我建议如下。

只需在插值内提供任何所需字符作为字符串即可。

<div>What ever you want to show can be given inside this {{ "{ } ' {1+2} " }} </div>

输出:

您想显示的内容可以在此{}'{1 + 2}中给出