Avalon二数据填充

Posted 倔小强

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了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二数据填充的主要内容,如果未能解决你的问题,请参考以下文章

在哪里以及如何使用片段填充我的标签

avalon自定义指令 图片缓存

avalon数组特性

avalon教程-简介

在一些片段之间填充对象变量的最佳方法

添加数据库后填充listview