22avalon - 指令ms-if（if绑定）

通过属性值决定是否渲染目标元素, 为否时原位置上变成一个注释节点。

代码

		
			var vm = avalon.define({
				$id: "test",
				aaa: "这是被隐藏的内容"
				toggle: false
			})
		
		
点我
		
{{@aaa}}

注意,有许多人喜欢用ms-if做非空处理,这是不对的,因此ms-if只是决定它是否插入DOM树与否,ms-if里面的 ms-指令还是会执行；

正确的做法是,当你知道这里面有非空判定,需要用方法包起来；

avalon.define({
  $id: 'test',
  aaa: {},
  show: function(aaa, bbb, ccc){
     var obj = aaa[bbb]
     if(obj){
        return obj[ccc]
     }
     return ''
  }
})

   

     {{@show(@aaa, 'bbb', 'ccc')}}