Filtre ng-repeat basées sur la recherche d'entrée
J'ai le code html suivant:
<div>
<div>
<input type="text" placeholder="Search" ng-model="userSearch.firstname">
</div>
</div>
<div>
<div ng-repeat="user in users | filter:userSearch ">
<div>
{{user.firstname}} {{user.lastname}}
</div>
</div>
</div>
Donc, j'ai un champ de saisie où les utilisateurs peuvent type et de la recherche dans ma liste de tous les utilisateurs. Est il possible que je peux appliquer un filtre inline dans le ng-repeat basée sur les types de l'utilisateur dans la saisie de recherche?
Solution actuelle que les filtres sur firstname
Je voudrais filtre sur le premier et le dernier nom
Essayé:
<div>
<div>
<input type="text" placeholder="Search" ng-model="userSearch">
</div>
</div>
<div>
<div ng-repeat="user in users | filter:{firstname: userSearch, lastname: userSearch} ">
<div>
{{user.firstname}} {{user.lastname}}
</div>
</div>
</div>
Mais je pense que c'est d'un ET non d'une ou de.
Avez-vous regarder les filtre de documentation?
double possible de Angular.js ng-repeat :filtre par un seul champ
Je veux filtre sur le nom et prénom, désolé aurait été plus clair.
Oui @PSL, j'ai regardé les docs. Angulaire docs laissent beaucoup à désirer. Peu importe je suis vraiment confus sur la façon d'appliquer ce filtre.
Ok l'ai eu, mais ensuite j'ai marqué mauvais dupilcate :). Ici, l'un d'eux stackoverflow.com/questions/13216115/.... Scénario Exact que le vôtre ici
double possible de Angular.js ng-repeat :filtre par un seul champ
Je veux filtre sur le nom et prénom, désolé aurait été plus clair.
Oui @PSL, j'ai regardé les docs. Angulaire docs laissent beaucoup à désirer. Peu importe je suis vraiment confus sur la façon d'appliquer ce filtre.
Ok l'ai eu, mais ensuite j'ai marqué mauvais dupilcate :). Ici, l'un d'eux stackoverflow.com/questions/13216115/.... Scénario Exact que le vôtre ici
OriginalL'auteur lostintranslation | 2015-01-22
Vous devez vous connecter pour publier un commentaire.
Changement ng-modèle de
userSearch.firstname
justeuserSearch
.http://jsbin.com/keyuno/1/edit?html,js,sortie
Vous pouvez également modifier
filter:userSearch
àfilter:userSearch.firstname
. Vous avez juste besoin d'être sûr que le filtre correspond au modèle.Votre solution ne semble pas de filtre sur le moteur de recherche d'abord <espace> dernier. Ce qui est logique. Est-ce possible avec ce modèle de données?
Je crois que vous auriez besoin d'écrire un filtre personnalisé qui retourne vrai si c'correspondre à des prénom, nom, ou prénom + "" + nom.
alternative est plus précis
OriginalL'auteur Aweary