angularjs 如何使用Angular显示双花括号

aydmsdu9  于 2023-05-28  发布在  Angular
关注(0)|答案(3)|浏览(223)

我一直在尝试使用HTML实体来避免Angular在明文命中{{}}时进行绑定
所以我发现浏览器把它们转换成普通的曲线括号。这是简单的样品。正如您在DOM检查器中看到的,HTML实体代码被转换为简单的曲线括号。在某个地方指定了吗?
https://codepen.io/anon/pen/OxEeqg

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

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

jvlzgdj9

jvlzgdj91#

对于那些寻找最新Angular解决方案的人。在Angular 2中,这变成了ngNonBindable指令。

<span ngNonBindable>{{example}}</span>
4szc88ey

4szc88ey2#

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

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

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

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

izj3ouym3#

要用Angular的方式来做,我建议如下。
简单地通过提供任何所需的字符作为一个字符串内插值。
<div>What ever you want to show can be given inside this {{ "{ } ' {1+2} " }} </div>
输出:
您想要展示的任何内容都可以在此{ } ' {1+2}中提供

相关问题