最近收到一个需求,说要在html里显示这样的文本信息:{{ $random }} 产生随机数
,但是{{ }}
插值表达式被插入html的时候默认会被Angular解析,最终显示:产生随机数
,显然不是我们想要的结果!怎么办呢?
原来Angular是可以使用指令禁用这个插值表达式的,即:ngNonBindable
,用法如下:
<!-- 没有指令的情况,最终输出: 产生随机数 -->
<span>{{ $random }} 产生随机数</span>
<!-- 有指令的情况,最终输出: {{ $random }} 产生随机数 -->
<span ngNonBindable>{{ $random }} 产生随机数</span>