angularjs filter a table

Question

<tbody>
        <tr ng-repeat="y in Summary">
            <td>{{y.ID}}</td>                       
            <td>{{y.submitTime}}</td>
            <td>{{y.timeTaken}}</td>
            <td>{{y.description}}</td>
        </tr>
</tbody>

I want to filter the values when user selects a checkbox-exclude Non-members.

So the Non member array has IDs of users.

$scope.Nonmember=["521","234","456", etc]

So when the user selects the checkbox I want to remove the rows which have IDs in nonmember . Can a filter be used for searching through the whole array ?.. or ng-show/hide/if can be used??

I suggest that you identify which records are members in advance that way your filter just needs to work on your checkbox = true and member =true — Mike
– Mike, Commented Aug 10, 2016 at 6:55
there's the problem, the nonmember array is dynamic , the values are retrieved from ajax calls. — matrixguy
– matrixguy, Commented Aug 10, 2016 at 6:57

Derlin · Accepted Answer · 2016-08-10 06:59:07Z

3

A filter can do.

For example:

angular
    .module( ... )
    .filter( 'excludeNonMembers', function(){
        return filterMembers;
    } );

function filterMembers( summary, nm, exclude ){
    if(!exclude) return summary;
    if( !nm || nm.length == 0 ) return summary;
    return summary.filter( function( i ){
        return nm.indexOf( i.ID ) == -1;
    } );
}

In your html:

 <tr ng-repeat="y in summary | filter:excludeNonMembers:Nonmember:exclude">

The $scope.exclude variable is a boolean that you toggle somewhere to apply the filter.

answered Aug 10, 2016 at 6:59

Derlin

9,9212 gold badges34 silver badges57 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

matrixguy Over a year ago

This look like exactly what i needed !

Collectives™ on Stack Overflow

angularjs filter a table

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related