美文网首页
Angualr如何禁用插值表达式?

Angualr如何禁用插值表达式?

作者: 窗外的雪儿飞 | 来源:发表于2020-03-20 00:12 被阅读0次

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

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

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

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

相关文章

  • Angualr如何禁用插值表达式?

    最近收到一个需求,说要在html里显示这样的文本信息:{{ $random }} 产生随机数,但是{{ }}插值表...

  • VUE.JS中的插值表达式、v-cloak、v-text、v-h

    插值表达式 {{ x }},类似这样子的就叫插值表达式 v-cloak 使用v-cloak 能够解决插值表达式闪烁...

  • Vue

    笔记 mvvm vm:就是监听页面dom元素的Vue工具 插值表达式 插值表达式:在插值表达式中可以使用简单的ja...

  • vue基础-插值表达式与常用指令

    什么是插值表达式 数据绑定最常见的形式就是使用“Mustache”语法 (双大括号) 的文本插值,就是指插值表达式...

  • Vue实例化

    1. Vue实例化 1.1 关于{{}} 插值表达式:mustache 插值表达式,表达式,赋值运算,计算,三元表...

  • Vue基本指令的使用

    v-cloak(插值表达式) 使用v-cloak能够解决插值表达式的闪烁问题 如: {{ msg }} ,在Vue...

  • Vue常用指令(完结版)

    模板语法(插值表达式) 数据绑定的最常见的形式是文本插值 {{ }} 指令 指令的作用:当表达式的值改变时,将其产...

  • Vue2.0 初始化及简单绑定

    vue的初始化 vue的插值(angular里的表达式) 如何初始化一组数据 初始化一组值后 可以用插值输出 {{...

  • 数值分析之插值

    插值 一.基本概念 1.1插值需要研究的问题 插值函数是否存在? 如何构造插值函数? 如何评估误差? 1.2插值法...

  • vue笔记-day1

    1.MVVM概念 2.Vue基本结构代码和MVVM的对应关系 3.插值表达式   插值表达式的用法:表达式/三元表...

网友评论

      本文标题:Angualr如何禁用插值表达式?

      本文链接:https://www.haomeiwen.com/subject/rtqdyhtx.html