Comment filtrer un tableau par une valeur dans une ligne en cliquant sur un bouton Angular JS

Question

J'ai un bouton dans ma vue. Lorsque j'appuie sur ce bouton, je veux filtrer ma table. Mon tableau a un élément appelé "marché" qui peut être "ios" ou "Android". Lorsque j'appuie sur le bouton "ios", je veux afficher uniquement les données qui ont "ios" comme marché. Dans le tableau par défaut, toutes les données sont affichées (à la fois ios et Android).

bouton

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

tableau

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

tableaux pour les données sobres

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

ajouter des données dans le champ d'application

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

Answer 1

Vous pouvez essayer de filtrer la fonction comme :

<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 : Ceci sera déclenché uniquement lorsque le bouton est cliqué.