angular.js - angular filters data display of specified status

Question

As shown in Figure 1, there are many, many data in a table,
Among them, the status is the following four:
1) 'issued': 'Published ',
2)'deleted': 'Deleted',
3)'reported': 'Reported',
4) 'masked': 'Blocked'

Tried<tr ng-repeat="post in filterPostList | filter:'status':'issued'||'masked'">
This way only the issued data can be displayed.
Now I want to display the data of issued and masked, what should I do?

Answer 1

Write a custom filter

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>

Answer 2

No need to write filters

Just write a function

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

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

Suddenly realized that I answered a question with a long history. . . .

Answer 3

Another way of thinking. No need to write filters or functions.