角度材料數據表搜索過濾器

Question

我想應用一個動態角度過濾器到md數據表來搜索網格上的數據。但它似乎沒有在這裏工作是什麼，我試圖完成一個小exapmple：

<md-input-container> 
     <label> Search Table </label> 
     <input ng-model="filter.search"> 
    </md-input-container> 

    <tr md-row md-select="dessert" md-auto-select ng-repeat="dessert in desserts.data | filter: filter.search | orderBy: query.order | limitTo: query.limit : (query.page -1) * query.limit"> 

Answer 1

正如你表明，我加入了自定義過濾器如你所說，這將做。

這是自定義過濾器。

$scope.filters = []; 
$scope.$watch('filter.search', function(newValue, oldValue) { 
if(newValue != undefined){ 
    $scope.filters = newValue.split(" "); 
} 
}) 

$scope.searachData = {}; 

$scope.customSearch = function(item) { 
$scope.searachData.status = true; 

angular.forEach($scope.filters, function(value1, key) { 
    $scope.searachData.tempStatus = false; 
    angular.forEach(item, function(value2, key) { 
    var dataType = typeof(value2); 

    if(dataType == "string" && (!value2.includes('object'))){ 
     if(value2.toLowerCase().includes(value1)){ 
     $scope.searachData.tempStatus = true; 
     } 
    }else if(dataType == "object"){ 
     var num = value2.value.toString(); 
     if(num.includes(value1)){ 
     $scope.searachData.tempStatus = true; 
     } 
    } 
    }); 
      $scope.searachData.status = $scope.searachData.status & $scope.searachData.tempStatus; 
}); 

return $scope.searachData.status; 
}; 

這裏是工作Example。