18avalon - 指令ms-text 与 ms-html

简介: 18avalon - 指令ms-text 与 ms-html

ms-text文本绑定

文本绑定是最简单的绑定,它其实是双花括号插值表达式的一种形式

它要求VM对应的属性的类型为字符串, 数值及布尔, 如果是null, undefined将会被转换为空字符串

<span ms-text="@aaa">不使用过滤器</span>
<span ms-text="@aaa | uppercase">使用过滤器</span>

ms-html HTML绑定

HTML绑定类似于文本绑定,能将一个元素清空,填上你需要的内容

它要求VM对应的属性的类型为字符串

我们可以通过ms-html异步加载大片内容,例如:

<body :controller="test">
    <script>
      var vm = avalon.define({
        $id: "test",
        aaa: "loading..."
      })
      jQuery.ajax({
        url: 'action.do',
        success: function(data) {
          vm.aaa = data.html
        }
      })
    </script>
    <div ms-html="@aaa"></div>
  </body>
目录
相关文章
|
5月前
|
安全 JavaScript Go
Vue中的v-html指令有什么潜在的安全风险?如何防范?
Vue中的v-html指令有什么潜在的安全风险?如何防范?
649 1
|
4月前
|
Ubuntu C++ Docker
Docker的基本指令和HTML/PYTHON/C++的简单创建示例
Docker的基本指令和HTML/PYTHON/C++的简单创建示例
|
3月前
|
JavaScript 前端开发 物联网
文本,Vue实现打印的方式,打印机的种类有多少,浏览器打印html,右键,2打印插件,3指令打印,vue-print-nb
文本,Vue实现打印的方式,打印机的种类有多少,浏览器打印html,右键,2打印插件,3指令打印,vue-print-nb
|
5月前
|
前端开发 JavaScript
html常用指令
【4月更文挑战第4天】html常用指令
45 7
|
5月前
【Vue2.0学习】— v-html指令(四十六)
【Vue2.0学习】— v-html指令(四十六)
|
10月前
|
JavaScript
【Vue】—v-html指令
【Vue】—v-html指令
|
JavaScript 前端开发 安全
Vue2基本指令的学习 v-test v-html
从基础到实战,我们一环都不要少!
113 0
|
JavaScript
Vue 指令01——v-test和v-html的使用
Vue 指令01——v-test和v-html的使用