Click filter in table AngularJS

Question

I want to filter my data in table after click the button. Here is my filter :

app.filter('eyeFilterFunction',function(){
    return function(data, from) {
        if (!from) return data;
        var items = [];
        angular.forEach(data, function(item){
            if(item.weight != from) {
                items.push(item);
            }
        });
        return items;
    };
});

And my plunker : http://plnkr.co/edit/s7tuhKXFSt0Yv5BfI4h0?p=preview

What i want - after click the button, only shows in table data with weight , where it is null in wehgit let it not show. Thanks for answers in advance!

I have added an answer.

Satish Kumar
– Satish Kumar

2018-04-28 08:59:29 +00:00
Commented Apr 28, 2018 at 8:59 — Satish Kumar
– Satish Kumar, Commented Apr 28, 2018 at 8:59

John Velasquez · Accepted Answer · 2018-04-28 08:10:42Z

1

try this

app.filter('eyeFilterFunction',function(){
    return function(data, from) {
        if (typeof from === 'undefined') return data;
        var items = [];
        for(var x of data){
          if(x.weight != from){
            items.push(x);
          }
        }
        return items;
    };
});

answered Apr 28, 2018 at 8:10

John Velasquez

3,4512 gold badges21 silver badges25 bronze badges

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

1 Comment

bafix2203 Over a year ago

and now how to remove this filter?

Satish Kumar · Accepted Answer · 2018-04-28 08:56:54Z

0

try this,

http://plnkr.co/edit/jNid2ZwiDNLrwGx2rnKh?p=preview9rnKsXvEtJrxhOYDMa7o?p=preview

app.filter('eyeFilterFunction', function() {
  return function(data, from) {
    if(!from) return data;
    return data.filter(i => i.weight != null);
  };
});

in template,

<tr ng-repeat="n in messages | eyeFilterFunction:filterText">

the button,

<button class="btn btn-clear btn-sm" ng-click="filterText = !filterText">Filter!</button>

edited Apr 28, 2018 at 8:56

answered Apr 28, 2018 at 8:29

Satish Kumar

6016 silver badges14 bronze badges

Collectives™ on Stack Overflow

Click filter in table AngularJS

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related