angular.js - angular筛选指定状态的数据显示
天蓬老师
天蓬老师 2017-05-15 17:11:42
0
3
751


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

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

天蓬老师
天蓬老师

欢迎选择我的课程,让我们一起见证您的进步~~

membalas semua(3)
世界只因有你

Tulis penapis tersuai

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:

<tr ng-repeat="post in filterPostList | statusFilter>
过去多啦不再A梦

Tidak perlu menulis penapis

Tulis fungsi sahaja


$scope.statusFilter = function(item){
    return item.status == 'issued' || item.status == 'masked';
}

<tr ng-repeat="post in filterPostList | filter: statusFilter">

Tiba-tiba tersedar bahawa saya menjawab soalan dengan sejarah yang panjang. . . .

某草草

Lain cara berfikir. Tidak perlu menulis penapis atau fungsi.

Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan
Tentang kita Penafian Sitemap
Laman web PHP Cina:Latihan PHP dalam talian kebajikan awam,Bantu pelajar PHP berkembang dengan cepat!