angular - filter(自定义)

来源:互联网 发布:软件界面设计下载软件 编辑:程序博客网 时间:2024/06/03 17:55

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}}

0 0
原创粉丝点击