Filtre angulaire ng-repeat: ¿Comment spécifier les champs de filtre?

Question

Ok, semble facile, mais pas.

Je veux effectuer un filtre simplement angulaire, mais j'ai besoin de spécifier quels champs de mon tableau utiliser dans le filtre.

Un filtre de base est:

<li ng-repeat="person in app.people | filter: app.search"> 

Un filtre est un-terrain:

<li ng-repeat="person in app.people | filter: {Surname: app.search}"> 

Comment puis-je spécifier plus d'un champ pour le filtre? Quelque chose comme:

<li ng-repeat="person in app.people | filter: {Name,Surname: app.search}"> 

Voici un Plunker avec filtre de base et le filtre Un-champ: https://jsfiddle.net/odLz1v71/3/

Answer 1

Dans ce cas, je vous suggère d'ajouter une fonction de filtre dans votre contrôleur comme ceci:

vm.searchFilter = function(item){ 
    // Add your own search logic here 
    return item.Name.includes(vm.search) || item.Surname.includes(vm.search); 
} 

Et puis l'utiliser comme ceci:

<li ng-repeat="person in app.people | filter: app.searchFilter"> 

Answer 2

je pensez pas que vous pouvez le faire avec le filtre de base directement, mais vous pouvez fournir une fonction pour le filtre filter à utiliser qui va faire cette vérification pour vous:

vm.checkName = function (value) { 
    return value.Name.indexOf(vm.search) > -1 || value.Surname.indexOf(vm.search) > -1; 
    }; 

Voir: https://jsfiddle.net/odLz1v71/4/