AngularJS 自定义过滤器Filter 问题

在网上看了很多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外面。