How to filter an table by a value in row Angular JS button click

Question

I have a button in my view. When I press my button I want to filter my table. My table have element called market it can be "ios" or "android". When I press "ios" button I want to show only data which have "ios" as market. In default table view all data (both ios and android).

button

<button ng-click="applyiosfilter()">Search</search>

table

<tr dir-paginate="datad in downloadsdata|filter:downloadfilter"> ...
</tr>

arrays for sore data

$scope.downloadsdata = [];
$scope.downloadfilter = [];

add data in to scope

$scope.applyiosfilter = function() {
    angular.forEach($scope.downloadsdata, function(value, key) {
        if(value.market==='ios') {
            $scope.downloadfilter[key] = $scope.downloadsdata[key];
        }
    });
};

Sajal · Accepted Answer · 2016-04-29 08:40:39Z

2

You could try filter function as:

<button ng-click="applyiosfilter()">Search</search>
<tr dir-paginate="datad in downloadsdata|filter:applyfilter"> ...</tr>

$scope.applyiosfilter = function() {
    $scope.applyfilter = function(datad) { 
        return datad.Market.toLowerCase().indexOf('ios') != -1    
   };
};

EDIT: This will be fired only when the button is clicked.

edited Apr 29, 2016 at 8:40

answered Apr 29, 2016 at 7:45

Sajal

4,4111 gold badge22 silver badges41 bronze badges

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

3 Comments

heshjse Over a year ago

this is not return correct value.how datad get data? data is in "value" variable in forEach loop

heshjse Over a year ago

what is the meaning of != -1 here?

Sajal Over a year ago

if the string does not match your query('ios'), it would return -1, the whole expression evaluates to false and that item is not part of the filtered array.

Collectives™ on Stack Overflow

How to filter an table by a value in row Angular JS button click

1 Answer 1

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related