Angular Material Data Tabelle Suche Filter

Question

Ich versuche, einen dynamischen Winkelfilter auf die MD-Datentabelle anwenden, um die Daten auf dem Gitter zu durchsuchen. jedoch ist es hier nicht zu funktionieren scheinen, ist ein kleines exapmple von dem, was ich zu tun versuche:

<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

Wie Sie zeigte, bin ich das Hinzufügen von benutzerdefinierten Filter, die von Ihnen wie beschrieben tun.

Hier ist der benutzerdefinierte Filter.

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

Hier ist die Arbeit Example.