Angualr如何禁用插值表达式？
2020-03-20 本文已影响0人
窗外的雪儿飞
最近收到一个需求，说要在html里显示这样的文本信息：{{ $random }} 产生随机数，但是{{ }}插值表达式被插入html的时候默认会被Angular解析，最终显示：产生随机数，显然不是我们想要的结果！怎么办呢？
原来Angular是可以使用指令禁用这个插值表达式的，即：ngNonBindable，用法如下：
<!-- 没有指令的情况，最终输出： 产生随机数 -->
<span>{{ $random }} 产生随机数</span>
<!-- 有指令的情况，最终输出： {{ $random }} 产生随机数 -->
<span ngNonBindable>{{ $random }} 产生随机数</span>
