指定状态过滤

- 日理万妓 2022-06-05 00:39 154阅读 0赞

问

# [angular筛选指定状态的数据显示][angular] #

*  [angular.js][]

[katrinaaa][] 2016年11月25日提问

*  关注 4 关注
 *  收藏 0 收藏，1.3k 浏览

问题对人有帮助，内容完整，我也想知道答案0问题没有实际价值，缺少关键内容，没有改进余地

![bVF3cR_w_1077_h_511][]  
如图一，一个表格中有很多很多数据，  
其中，状态为以下四种：  
1）'issued': '已发布',  
2）'deleted': '已删除',  
3）'reported': '已举报',  
4）'masked': '已屏蔽'

试过`<tr ng-repeat="post in filterPostList | filter:'status':'issued'||'masked'">`  
这样只能显示出issued的数据。  
现在想要显示issued和masked的数据，该怎么办？

*  [2016年11月25日提问][angular]
 *  评论
 *  邀请回答
 *  编辑
 *

[默认排序][Link 1] [时间排序][Link 2]

## 3个回答 ##

答案对人有帮助，有参考价值0答案没帮助，是错误的答案，答非所问

写个自定义过滤器

app.filter("statusFilter",function(){
        return function(input,uppercase){
            var out = [];
            for(var i=0 ; i<input.length; i++){
                if(input[i].status=='issued'||input[i].status=='masked'){
                    out.push(input[i]);
                }
            }
            return out;
        }
    });

HTML:

*  [1月20日回答][1_20]
 *  1 评论
 *  赞赏
 *  编辑
 *

[![986356709-5690977e74d80_big64][]][986356709-5690977e74d80_big64 1]

[crazy4x][986356709-5690977e74d80_big64 1] 884 声望

答案对人有帮助，有参考价值0答案没帮助，是错误的答案，答非所问

不用写过滤器

直接写一个函数就可以了

$scope.statusFilter = function(item){
        return item.status == 'issued' || item.status == 'masked';
    }
    
    <tr ng-repeat="post in filterPostList | filter: statusFilter">

突然发现我回答了一个历史悠久的问题。。。。

*  [1月20日更新][1_20 1]
 *  1 评论
 *  赞赏
 *  编辑
 *

[![4019736827-57a40b4016cd6_big64][]][4019736827-57a40b4016cd6_big64 1]

[wuweisen][4019736827-57a40b4016cd6_big64 1] 893 声望

答案对人有帮助，有参考价值0答案没帮助，是错误的答案，答非所问

![bVIuAX_w_4032_h_727][]

另一种思路。不用写过滤器，也不用函数。

[angular]: https://segmentfault.com/q/1010000007599872
[angular.js]: https://segmentfault.com/t/angular.js
[katrinaaa]: https://segmentfault.com/u/katrinafu
[bVF3cR_w_1077_h_511]: /images/20220605/415eff8f56df486ea7878a246c9e7819.png
[Link 1]: https://segmentfault.com/q/1010000007599872#answers-title
[Link 2]: https://segmentfault.com/q/1010000007599872?sort=created#answers-title
[1_20]: https://segmentfault.com/q/1010000007599872/a-1020000008180053
[986356709-5690977e74d80_big64]: https://sfault-avatar.b0.upaiyun.com/986/356/986356709-5690977e74d80_big64
[986356709-5690977e74d80_big64 1]: https://segmentfault.com/u/crazy4x
[1_20 1]: https://segmentfault.com/q/1010000007599872/a-1020000008181483
[4019736827-57a40b4016cd6_big64]: https://sfault-avatar.b0.upaiyun.com/401/973/4019736827-57a40b4016cd6_big64
[4019736827-57a40b4016cd6_big64 1]: https://segmentfault.com/u/wuweisen
[bVIuAX_w_4032_h_727]: /images/20220605/52c774325b7646bfb5c5974cd4a44e7e.png