频道栏目
首页 > 资讯 > JavaScript > 正文

Note09--Filter

17-01-25        来源:[db:作者]  
收藏   我要投稿

1. 目录结构

2. e.g.

a. Filter.html

<html ng-app="MyModule">
    <head>
        <meta http-equiv="content-type" content="text/html; charset=utf-8" />
        <script src="framework/angular-1.3.0.14/angular.js"></script>
        <script src="Filter.js"></script>
    </head>
    <body>
        {{ 1304375948024 | date }}
        <br>
        {{ 1304375948024 | date:"MM/dd/yyyy @ h:mma" }}
        <br>
        {{ 1304375948024 | date:"yyyy-MM-dd hh:mm:ss" }}
        <br>
    </body>
</html>

b. Filter.js

var myModule=angular.module("MyModule",[]);

3. 自定义Filter

a. e.g.

i. MyFilter.html

<html ng-app="MyModule">

<head>
    <meta http-equiv="content-type" content="text/html; charset=utf-8" />
    <script src="framework/angular-1.3.0.14/angular.js"></script>
    <script src="MyFilter.js"></script>
</head>

<body>
    {{'大漠穷秋'|filter1 }}
</body>

</html>

ii. MyFilter.js

var myModule=angular.module("MyModule",[]);
myModule.filter('filter1',function(){
    return function(item){
        return item + 'o(∩_∩)o';
    }
}); 
相关TAG标签
上一篇:CSS3-文本模型
下一篇:Note08--Service&&Provider
相关文章
图文推荐

关于我们 | 联系我们 | 广告服务 | 投资合作 | 版权申明 | 在线帮助 | 网站地图 | 作品发布 | Vip技术培训 | 举报中心

版权所有: 红黑联盟--致力于做实用的IT技术学习网站