Angualr如何禁用插值表达式?

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

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

<!-- 没有指令的情况,最终输出: 产生随机数  -->
<span>{{ $random }} 产生随机数</span>

<!-- 有指令的情况,最终输出: {{ $random }} 产生随机数  -->
<span ngNonBindable>{{ $random }} 产生随机数</span>
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 学习资料来自 Angular.cn 与 Angular.io。 模板语法 在线例子 在 Angular 中,组件扮...
    小镭Ra阅读 9,242评论 0 3
  • 官网 中文版本 好的网站 Content-type: text/htmlBASH Section: User ...
    不排版阅读 9,961评论 0 5
  • d3 (核心部分)选择集d3.select - 从当前文档中选择一系列元素。d3.selectAll - 从当前文...
    谢大见阅读 8,796评论 1 4
  • 个人学习批处理的初衷来源于实际工作;在某个迭代版本有个BS(安卓手游模拟器)大需求,从而在测试过程中就重复涉及到...
    Luckykailiu阅读 10,269评论 0 11
  • 收获1:早上的正念练习,儿子6点50起床早读,7点10分送他上学;我就直接回到家,准备上班;快要出门的的时间,老公...
    彩虹MOU阅读 1,409评论 0 0

友情链接更多精彩内容