avalonjs学习笔记（三）

三，模板

如果一段html被用了很多遍，消除重复代码的原则，这段html肯定只能写在一个地方。

所以就需要一个模板

avalon的模板卸载script或者noscript标签里，然后type=“avalon”，再给个id，类似这样

<script type="avalon" id="tpl">
            here, {{ 3 + 6 * 5  }}
        </script>

noscript也是对的，我个人还更喜欢，因为不会跟真正的js的标签搞混

<noscript type="avalon" id="tpl">
            here, {{ 3 + 6 * 5  }}
        </noscript>

后来试了下，其实用别的标签也是可以的，只不过这个标签会被当作html显示出来，还是用固定的吧。

然后在html的标签中，用ms-include属性来引用模板的id就可以了，但是注意，id要用单引号包起来。

<div ms-include="'tpl'"></div>

同时这个div就没法些别的内容了，因为会被tpl给替换掉。

然后加个data-include-replace=”true”，这个div就会完全被替换掉，其实我觉得这个应该是默认的才比较合适吧。

模板里写绑定什么都是ok的，应该就是用字符串拼接实现的吧