如何按行Angular JS按钮单击中的值过滤表

时间:2016-04-29 07:36:27

标签: angularjs

我的视图中有一个按钮。当我按下我的按钮时,我想过滤我的桌子。我的表有称为市场的元素,它可以是“ios”或“android”。当我按“ios”按钮时,我想只显示有“ios”作为市场的数据。在默认表中查看所有数据(包括ios和android)。

按钮

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

<tr dir-paginate="datad in downloadsdata|filter:downloadfilter"> ...
</tr>
用于疼痛数据的

数组

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

将数据添加到范围

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

1 个答案:

答案 0 :(得分:2)

您可以尝试过滤功能:

<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    
   };
};

编辑:只有在点击按钮时才会触发。