报名截止 | 班级类型 | 报名情况 |
03月12日 | 就业金领班 | 已满 |
03月05日 | 强化技能班 | 爆满 |
02月25日 | 名企就业班 | 热招中 |
02月25日 | 在职转行班 | 热招中 |
02月20日 | 待业提升班 | 爆满 |
发布时间:2016年03月23日
作用域绑定(ms-controller, ms-important)
avalon提供ms-controller, ms-important来指定VM在视图的作用范围。比如有两个VM,它们都有一个firstName属性,在DIV中,如果我们用ms-controller="VM1", 那么对于DIV里面的{{firstName}}就会解析成VM1的firstName中的值。
有关它们的详细用法,可见这里。
模板绑定(ms-include)
如果单是把DOM树作为一个模板远远不够的,比如有几个地方,需要重复利用一套HTML结构,这就要用到内部模板或外部模板了。
内部模板是,这个模板与目标节点是位于同一个DOM树中。我们用一个MIME不明的script保存它,然后通过ms-include="id"引用它。
[html] view plaincopyprint?
1. <script type="text/avalon" id="tpl">
2. here, {{ 1 + 1 }}
3. </script>
4.
5. <div ms-include="'tpl'"></div>
注意,ms-include的值要用引号括起,表示这只是一个字符串,这时它就会搜索页面的具有此ID的节点,取其innerHTML,放进ms-include所在的元素内部。否则这个tpl会被当成一个变量, 框架就会在VM中检测有没有此属性,有就取其值,重复上面的步骤。如果成功,页面会出现here, 2的字样。
外部模板,通常用于多个页面的复用,因此需要整成一个独立的文件。这时我们就需要通过ms-include-src="src"进行加载。
比如有一个HTML文件tmpl.html,它的内容为:
[html] view plaincopyprint?
1. <div>这是一个独立的页面</div>
2. <div>它是通过AJAX的GET请求加载下来的</div>
3.
然后我们这样引入它
[html] view plaincopyprint?
1. <div ms-include-src="'tmpl.html'"></div>