0%

Angualr如何禁用插值表达式?

1. 前言

最近收到一个需求,说要在html里显示这样的文本信息:`{{ $random }} 产生随机数`,但是`{{ }}`插值表达式被插入html的时候默认会被Angular解析,最终显示:`产生随机数`,显然不是我们想要的结果!怎么办呢?

2. 解决方案

原来Angular是可以使用指令禁用这个插值表达式的,即:ngNonBindable

1
<!-- 没有指令的情况,最终输出 ==> 产生随机数 -->
2
<span>{{ $random }} 产生随机数</span>
3
4
<!-- 有指令的情况,最终输出 ==> {{ $random }} 产生随机数 -->
5
<span ngNonBindable>{{ $random }} 产生随机数</span>