<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. BZOJ 1989 概率相关

    思路: 一条边免费的概率为 (经过它的路/总路径条数)^2 DFS即可 有个地方没有用 long long炸了好久- //By SiriusRen #include <cstdio> us ...

  2. 转：Redis介绍及常用命令大全

    一 Redis介绍 Redis是一个开源的使用ANSI C语言编写.支持网络.可基于内存亦可持久化的日志型.Key-Value数据库,并提供多种语言的API.从2010年3月15日起,Redis的开发 ...

  3. Java 多线程（一）Thread

    线程的六种状态 1.新建状态 new了但是没有启动的线程的状态,如“Thread thread = new Thread()”,thread就是一个处于新建状态的线程. 2.运行状态 new出来的线程 ...

  4. SQL like查询条件中的通配符处理

    1. SQL like对时间查询的处理方法 SQL数据表中有savetime(smalldatetime类型)字段,表中有两条记录,savetime值为:2005-3-8 12:12:00和2005- ...

  5. 粘包解决高端_Client

    from socket import * #导入套接字模块的所有命令import struct #导入struck模块,用于封装数据流长度# from functools import partial ...

  6. HDU-2955 Robberies 浮点数01背包 自变量和因变量位置互换

    题目链接:https://cn.vjudge.net/problem/HDU-2955 题意 突然想找几个银行抢钱. 给出各银行的钱数和被抓的概率,以及能容忍的最大被抓概率. 问他最多能抢到多少钱? ...

  7. Lapack下载安装

    安装 1.下载压缩文件 wget http://www.netlib.org/lapack/lapack-3.8.0.tar.gz 2.解压缩 tar -zxvf lapack-3.8.0.tar.g ...

  8. python 网络编程 粘包问题

    1.粘包现象 TCP粘包是指发送方发送的若干包数据到接收方接收时粘成一包,从接收缓冲区看,后一包数据的头紧接着前一包数据的尾.   粘包出现原因 使用了优化方法(Nagle算法),将多次间隔较小.数据 ...

  9. android studio2.2 配置NDK

    1.配置环境: Android studio2.2 配置NDK NDK版本[android-ndk-r13b-windows-x86_64.zip] NDK下载网址:[https://dl.googl ...

  10. Spring中 @Autowired标签与 @Resource标签 的区别（转）

    spring不但支持自己定义的@Autowired注解,还支持由JSR-250规范定义的几个注解,如:@Resource. @PostConstruct及@PreDestroy. 1. @Autowi ...