angular - filter(自定义)

angular自定义filter

angular除了几个自带的常用的filter,还可以自定义filter,以满足不同的需求，简单研究了一下自定义filter，记录一下。

有如下场景，后台返回的数据中，status可能是英文字符串，如果在html中使用if进行挨个判断，则显得有些啰嗦，这样我们就可以使用自定义的filter实现

javasc代码：

     var myapp = angular.module('demoApp', []);  
     myapp.controller('filterController',['$scope',function($scope){
        $scope._status= ['ENABLE','DISABLED','BINDING'];
     }]);
     myapp.filter('statusFilter',function(){
        return function(input){
            if(input === 'ENABLE') return '启用';
            if(input === 'DISABLED') return '停用';
            if(input === 'BINDING') return '绑定';
        }
     });

html代码：

{{status | statusFilter}}