avalon-数据填充

 

 <div ms-controller="test5">
    <h1>{{word}}!!!</h1>
    <div ms-text="content"></div>
    <div ms-html="content2"></div>
    <input type="text" ms-value="val" />
    <textarea ms-value="xxx{{val+'!!'}}yyy"></textarea>
    <div>{{worrUp|uppercase}}</div>
    <div>{{"define"|Define}}</div>
  </div>

<script>
require(["avalon", "domReady"], function(avalon, domReady) {
    /*avalon.config({
        interpolate: ["[[", "]]"]
    }); */ //配置界定符
    var test5 = avalon.define({
        $id: "test5",
        word: "hello",
        val: "这是value",
        worrUp: "转为大写abc",
        content: "<b>这是一个B标签</b>",
        content2: "<b>这是一个B标签</b>"
    });
    avalon.filters.Define = function(str) { //自定义过滤器
        return {
            'define': "自定义过滤器"
        }[str]
    };
    /*test5.hello = "error";*/ ///错误!
    //ms-html 就是{{pror|html}}
    avalon.scan();
})
</script>