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的，應該就是用字符串拼接實現的吧