码迷,mamicode.com
首页 > Web开发 > 详细

AngularJS 自定义过滤器Filter 问题

时间:2015-12-23 10:55:59      阅读:177      评论:0      收藏:0      [点我收藏+]

标签:

在网上看了很多angularJS过滤器的文章,但是觉得写的比较模糊,之前试了好几次都不成功,这次成功了记录一下。

App.filter(‘deployFilter‘,function(){
    return function(value){
        switch (value){
            case ‘UNDEPLOY‘ :
                value = ‘未部署‘;
                break;
            case ‘DEPLOYED‘ :
                value = ‘已部署‘;
                break;
            default :
                break;
        }
        return value;
    }
});

其中要注意三个地方:

1.第一行的APP.filter中“APP”是自己controller注册的模块,就是之前注册controller时用的module,因为网上的代码大多数都是JS和html结合在一起的,遇到大型项目可能写法网上的就要变化。

App.controller(‘manager‘, managerCtrl);

function managerCtrl($scope){

    ......

}

2.filter中单引号引住的内容是过滤器的名字,在html中用此名字就可以了

{{deployState | deployFilter}}

3.过滤器注册一定要写在controller外面!这个是我之前没运行成功的主要原因,之前以为是某个controller的过滤器,所以理所当然的以为应该写在controller里,但是并不是!这个需要写在controller外面。

 

AngularJS 自定义过滤器Filter 问题

标签:

原文地址:http://www.cnblogs.com/Zhangxinyu-family/p/5068967.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!