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代码：

<p ng-repeat="status in _status" >{{status | statusFilter}}p>

在controller中我们定义了一个数组_status,用来模拟后台返回的数据，我们在前台显示的时候可能不希望直接显示为英文的，客户看不懂啊。。。 如果在html中使用ng-if进行判断然后再显示，会显得有些啰嗦。我们直接写一个简单的filter，专门对status这个字段进行过滤即可。

本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！