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