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>
目录
相关文章
|
6月前
|
安全 JavaScript Go
Vue中的v-html指令有什么潜在的安全风险?如何防范?
Vue中的v-html指令有什么潜在的安全风险?如何防范?
763 1
|
14天前
|
JavaScript 前端开发 安全
vue -- 指令 -- v-text/html/on/show/if/bind/for/model
【10月更文挑战第17天】Vue 指令是构建 Vue 应用的基础工具,掌握它们的特性和用法是成为一名优秀 Vue 开发者的重要一步。通过深入理解和熟练运用这些指令,可以打造出更加出色的前端应用。
9 2
|
5月前
|
Ubuntu C++ Docker
Docker的基本指令和HTML/PYTHON/C++的简单创建示例
Docker的基本指令和HTML/PYTHON/C++的简单创建示例
|
4月前
|
JavaScript 前端开发 物联网
文本,Vue实现打印的方式,打印机的种类有多少,浏览器打印html,右键,2打印插件,3指令打印,vue-print-nb
文本,Vue实现打印的方式,打印机的种类有多少,浏览器打印html,右键,2打印插件,3指令打印,vue-print-nb
|
6月前
|
前端开发 JavaScript
html常用指令
【4月更文挑战第4天】html常用指令
51 7
|
6月前
【Vue2.0学习】— v-html指令(四十六)
【Vue2.0学习】— v-html指令(四十六)
|
11月前
|
JavaScript
【Vue】—v-html指令
【Vue】—v-html指令
|
JavaScript 前端开发 安全
Vue2基本指令的学习 v-test v-html
从基础到实战,我们一环都不要少!
120 0