angular自定义filter

最新推荐文章于 2020-08-19 15:41:22 发布

SaRanCao

最新推荐文章于 2020-08-19 15:41:22 发布

阅读量2.8k

点赞数

分类专栏： Web前端文章标签： angular angularjs 前端

本文链接：https://blog.csdn.net/coolcaosj/article/details/43534735

版权

本文介绍了如何在Angular中创建自定义过滤器，以简洁地处理后台返回的英文状态字符串，避免在HTML中使用繁琐的if判断。通过自定义filter，可以更方便地将英文状态转化为易于理解的内容。

摘要由CSDN通过智能技术生成

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'];
     }]);