<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title></title>
    <style type="text/css">
        .ms-controller {
            visibility: hidden;
        }
    </style>
    <script src="Content/js/avalon.js"></script>
</head>
<body>
    <div ms-controller="filter">

<%--输出html格式--%>
        <span>{{aaa|html}}</span><br />
        <br />

<%--字母大写化--%>
        <span>{{bbb|uppercase}}</span><br />
        <br />

<%--字母小写化--%>
        <span>{{ccc|lowercase}}</span><br />
        <br />

<%--从头开始截取5个字符，位数使用后面的字符串填充--%>
        <span>{{ddd|truncate(5,'00')}}</span><br />
        <br />

<%--驼峰处理--%>
        <span>{{eee|camelize}}</span><br />
        <br />

<%--货币处理--%>
        <span>{{fff|currency('$')}}</span><br />
        <br />

<%--2:表示两位小数
       .:表示小数点的形式
       ,:表示千分位的分隔符--%>
        <span>{{ggg|number(2)}}</span><br />
        <br />
        <span>{{ggg|number(2,".")}}</span><br />
        <br />
        <span>{{ggg|number(2,".",",")}}</span><br />
        <br />

<%--时间过滤器--%>
        <span>{{new Date|date("yyyy MM dd HH:mm:ss  a")}}</span><br />
        <br />
        <span>{{"2011-07-08"|date("EEE MM dd yyyy")}}</span><br />
        <br />

<%--时间戳转换--%>
        <span>{{"1373021259229"|date("yyyy年MM月dd日")}}</span><br />
        <br />
        <span>{{"1373021259229"|date("yyyy-MM-dd HH:mm:ss a")}}</span><br />
        <br />
        <span>{{"1373021259229"|date("yyyy-MM-dd mm:ss")}}</span><br />
        <br />

<span>USD:{{"USD"|parseSymbol}}</span><br />
    </div>
</body>
<script type="text/javascript">
    avalon.filters.parseSymbol = function (str) {
        return {
            '元': '元',
            'USD': '美元',
            'HKD': '港元'
        }[str];
    }

var vm = avalon.define({
        $id: "filter",
        aaa: "<span>hello avalon!</span>",
        bbb: "字母大写化：hello avalon!",
        ccc: "字母小写化：HELLO AVALON!",
        ddd: "字符串截断处理",
        eee: "驼峰处理：abc-def-hig",
        fff: "2255",
        ggg: "546345.541343",

});
</script>

</html>

avalon过滤的更多相关文章

  1. avalon学习笔记一 列表及条件过滤

    好长时间都没有更新博客了,不是因为没有学习新的东西,而是到了新的单位每天玩命加班实在是太累了!经过一年的努力吧,终于可以轻松一下了.废话少说,直接干货吧! 由于是学习阶段,就直接拿了公司的二级页面做了 ...

  2. MVC、MVP、MVVM、Angular.js、Knockout.js、Backbone.js、React.js、Ember.js、Avalon.js、Vue.js 概念摘录

    注:文章内容都是摘录性文字,自己阅读的一些笔记,方便日后查看. MVC MVC(Model-View-Controller),M 是指业务模型,V 是指用户界面,C 则是控制器,使用 MVC 的目的是 ...

  3. 轻量级前端MVVM框架avalon - 模型转换

    接上一章 ViewModel modelFactory工厂是如何加工用户定义的VM? 附源码 洋洋洒洒100多行内部是魔幻般的实现 1: function modelFactory(scope) { ...

  4. 轻量级前端MVVM框架avalon - 控制器

    引子: 最近工作挺忙,avalon只能断断续续的写下去了,大概看了下angular的源码,看到小一半就比较难坚持了,是块硬骨头,慢慢啃吧 不过angular的的文档中用词还是很优雅: HTML编译器 ...

  5. 前端MVVM框架avalon揭秘 - HTML编译器

    MVVM试图更加清晰的讲用户界面(UI)开发从应用程序的业务逻辑与行为中心分离,因为,很多这样的模式的实现都需要利用声明式数据绑定来实现讲View(视图)工作从其他层分离 所以出现了一大堆自定义的声明 ...

  6. 使用mvvm框架avalon开发公司内部运营管理系统的一些心得

    接触avalon差不多有一年时间了,当时是看前端大牛司徒正美的博客才了解到还有这么一个高大上的玩意,然后就加入了avalon的讨论群.从群里零零散散的了解了avalon的一些特性,感觉很强大,感觉思想 ...

  7. 运行avalon.define()发生的事情

      avalon.define = function(id, factory) { var $id = id.$id || id if (!$id) { log("warning: vm必须 ...

  8. 前端MVVM框架avalon - 模型转换1

    轻量级前端MVVM框架avalon - 模型转换(一) 接上一章 ViewModel modelFactory工厂是如何加工用户定义的VM? 附源码 洋洋洒洒100多行内部是魔幻般的实现 1: fun ...

  9. avalon的使用与总结

    avalon是前端MVVM框架,将所有前端代码彻底分成两部分,视图的处理通过绑定实现(angular有个更炫酷的名词叫指令),业务逻辑则集中在一个个叫VM的对象中处理.我们只要操作VM的数据,它就自然 ...

随机推荐

  1. 【转】C# ABP WebApi与Swagger UI的集成

    以前在做WebAPI调用测试时,一直在使用Fiddler测试工具了,而且这个用起来比较繁琐,需要各种配置,并且不直观,还有一点是还得弄明白URL地址和要传递的参数,然后才能调用.  最近新入职,公司里 ...

  2. [转] Java 插入表记录后得到自增的id （附3种方法代码）

    转自:https://blog.csdn.net/yaerfeng/article/details/7231093 在MySQL中,使用auto_increment类型的id字段作为表的主键,并用它作 ...

  3. Oracle学习系类篇（四）

    .分析函数 分析函数oracle专门用于解决复杂报表统计需求的功能强大的函数,它可以在数据中进行分组,然后计算基于组的邹忠统计值,并且每一组的每一行都可以返回一个统计值. 分析函数和聚合函数的不同之处 ...

  4. 五分钟DBA：浅谈伪分布式数据库架构

    [IT168 技术]12月25日消息,2010互联网行业技术研讨峰会今日在上海华东理工大学召开.本次峰会以“互联网行业应用最佳实践”为主题,定位于互联网架构设计.应用开发.应用运维管理,同时,峰会邀请 ...

  5. 基于mysql主从同步的proxy读写分离

    mysql-proxy 简介 MySQL Proxy是一个处于你的client端和MySQL server端之间的简单程序,它可以监测.分析或改变它们的通信.它使用灵活,没有限制,常见的用途包括:负载 ...

  6. Hacking PHP

    0X01 SQL注入 这里主要是PHP的防范注入的几个配置,注入手法不再赘述 magic_quotes_gpc 对 $_GET $_POST $_COOKIE 变量中的 ' " \ 空字符( ...

  7. Android 7.0 Gallery图库源码分析3 - 数据加载及显示流程

    前面分析Gallery启动流程时,说了传给DataManager的data的key是AlbumSetPage.KEY_MEDIA_PATH,value值,是”/combo/{/local/all,/p ...

  8. WebAssembly学习(二)：Windows10下WebAssembly C/C++编译环境的搭建与Hello World尝试

    首先,不论是在Windows.Linux还是Mac上,Webassembly的编译都是主要依赖于Emscripten SDK这个工具的.但是,在这里必须要吐槽一下,不论是WebAssembly官网.W ...

  9. WePy--使用zanUI组件

    因为Wepy 中不能直接引入zanUI组件, 好在还有百度, 参考链接 https://github.com/brucx/wepy-zanui-demo (感谢); 我的做法是将 源码下了下来, 源码 ...

  10. 【HNOI】合唱队

    [HNOI]合唱队 题意 对于一个初始序列,保证两两不同,通过一些变换得到目标序列: 第一个值直接插入空的当前队列 对于从第二个值开始的每个值 如果原序列中 $ a[i] $,若 $ a[i]> ...