首页 > 代码库 > Avalon二数据填充

Avalon二数据填充

插值表达式:{{属性名}}对本文节点nodevalue修改

表述地点可以被替换不能替换特性节点中的名字特性节点以ms-开头,通过界定符更改插值表达式通过config刚发因为有可能{{}}被占用,界定符的长度大于1

  例如:avalon.config({interpolate:["[["属性值"]]"]});      注:[[属性名]]======{{属性名}}

技术分享
<html>
<head>
    <meta name="viewport" content="width=device-width" />
    <title>AvalonOnePage</title>
    <script src="~/Scripts/avalon.js"></script>
    <script>
        avalon.config({
            interpolate:["[[","]]"]
        });
            avalon.define({
            $id: "test",
            name: "Hello Avalon",
        });
            avalon.scan();
       
    </script>
</head>
<body>
    <div ms-controller="test">
        <div> [[name]]</div>
    </div>
    <div ms-controller="con">
        <div>
           
        </div>
    </div>
</body>

</html>
View Code

ms-Html:将字符串解析为Html页面

  用法:<div ms-html="属性名"></div>

ms-text:将字符串解析为字符串

  用法:<div ms-text="属性名"></div>

2.Avalon过滤器

有参数时:例:{{属性名|过滤器名(参数)}}

无参数时:直接跟filter名称。 例:{{属性名|过滤器名}}

多过滤器:{{属性名|过滤1|过滤2|过滤3(a,b)|过滤4}}

自定义过滤器:avalon.filter.myfilter=function(str,参数)

return{‘元’:RMB,’美元’:¥}[str]

Avalon二数据填充