Checkbox Filterung auf Tabelle mit Objekten

Question

Ich benutze AngularJS mit Smart-Table-Modul und ich zeige eine Tabelle mit ihm.

Die Informationen in Zeilen werden von "POST" -Anfragen mit MySQL abgefangen.

Diese Informationen sind in einem $ scope.data_server in der App Controller deklariert gestapelt:

app.controller('SearchbddCtrl', function ($scope, $http) { 
    get_data(); 
function get_data() { 
    var name = $scope.name; 
    $http.post('/searchbdd', {name: name}).success(function (data, status, headers, config) { 
     $scope.data_server = data; 
    }).error(function (data, status) { 
     alert("Connection Error"); 
    }); 
    } 
}); 

In Front-End ich sie wie folgt angezeigt:

<tr ng-repeat="data in displayCollection" st-select-row="data" st-select-mode="single"> 
<td>{{ data.login}}</td> 
<td>{{ data.name}}</td> 
</tr> 

Was ich tun möchte, : Filtern Sie diese Zeilen mit mehreren Kontrollkästchen. Ich brauche 10 Checkboxen.

Ich weiß nicht wirklich, wie es geht .. Hat jemand irgendwelche Infos oder Codebeispiel ??

Beispiel: Zum Beispiel habe ich Früchte (Bananen, Äpfel und Orangen) in der Tabelle angezeigt. Ich möchte in der Tabelle nur Bananen statt Bananen, Äpfel und Orangen zeigen. Oder wenn ich nur Äpfel und Orangen anzeigen möchte. Ich überprüfe "Orangen" und "Äpfel" und es zeigt die Zeilen, die diese Arten von Früchten enthält.

Update:

Dies ist, was ich tun möchte: https://github.com/lorenzofox3/Smart-Table/issues/387

Answer 1

Sie können ng-Wiederholungs-Filter, dies zu tun verwenden.

Für die Probe, wenn Sie einen Spaltentyp in jeder Zeile Ihrer Sammlung haben Sie so etwas wie die folgenden Aktionen durchführen:

<input type="checkbox" ng-model="$scope.filter.type" value="banana"/> 

<tr ng-repeat="data in displayCollection | filter:$scope.filter" st-select-row="data" st-select-mode="single"> 
<td>{{ data.login}}</td> 
<td>{{ data.name}}</td> 
</tr>