avalon過濾
<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">javascript
<%--輸出html格式--%>
<span>{{aaa|html}}</span><br />
<br />css
<%--字母大寫化--%>
<span>{{bbb|uppercase}}</span><br />
<br />html
<%--字母小寫化--%>
<span>{{ccc|lowercase}}</span><br />
<br />java
<%--從頭開始截取5個字符，位數使用後面的字符串填充--%>
<span>{{ddd|truncate(5,'00')}}</span><br />
<br />ui
<%--駝峯處理--%>
<span>{{eee|camelize}}</span><br />
<br />spa
<%--貨幣處理--%>
<span>{{fff|currency('$')}}</span><br />
<br />server
<%--2:表示兩位小數
.:表示小數點的形式
,:表示千分位的分隔符--%>
<span>{{ggg|number(2)}}</span><br />
<br />
<span>{{ggg|number(2,".")}}</span><br />
<br />
<span>{{ggg|number(2,".",",")}}</span><br />
<br />xml
<%--時間過濾器--%>
<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 />htm
<%--時間戳轉換--%>
<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 />blog
<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>
- 1. 【MVVM】- Avalon 過濾器
- 2. avalon學習筆記一 列表及條件過濾
- 3. avalon
- 4. avalon加載一閃而過現象
- 5. 【avalon】parseData
- 6. Avalon (1)
- 7. 【Avalon】escape
- 8. Avalon Framework
- 9. Avalon內存映射接口（Avalon-MM）
- 10. Avalon總線學習 ---Avalon Interface Specifications
- 更多相關文章...
- • PHP 過濾 unserialize() - PHP 7 新特性
- • jQuery Mobile 過濾 - jQuery Mobile 教程
- • RxJava操作符（三）Filtering
- • Docker容器實戰(六) - 容器的隔離與限制
-
每一个你不满意的现在，都有一个你没有努力的曾经。