7
votes

Filtrer la liste avec une lettre en JS angulaires

J'ai une liste affichée dans le tableau où j'ai besoin de filtrer le résultat avec la première lettre de nom, au-dessus de la liste que j'ai une lettre A b c d et ainsi de suite. Après clic, la liste des lettres sera filtrée par son prénom

pour ex: la liste Les détails sont pont de pomme Après cliquez sur A , Apple sera affiché


1 commentaires

Salut Sikander Je pense que cela répondra à votre question Stackoverflow.com/ Questions / 19501300 / ...


4 Réponses :


10
votes

Au lieu de fruits, je devais filtrer les noms des pays pour afficher leurs représentants de vente: xxx pré>

Un moyen rapide de générer un tableau avec des lettres de l'alphabet: p>

<div class="alert alert-warning" ng-hide="filteredCountriesArray.length">No available countries starting with <em>{{activeLetter}}</em></div>


1 commentaires

Sur NG-Cliquez sur NG, vous utilisez une fonction appelée SetActimifetter (lettre) mais ne répertorie pas la fonction. Utilisez ceci dans votre contrôleur: $ SPAND.SetAlteletter = Fonction (lettre) {$ portée.Actelstivetter = lettre; }; espère que cela aide quelqu'un qui le voit. Solution fantastique BTW!



3
votes

La question a donc été répondue mais je suis tombé sur cette question à la recherche d'une réponse et que vous étiez assez nouveau à l'angulaire, il a été trouvé difficile de lire et de comprendre correctement. J'ai ensuite trouvé ce didacticiel expliquant des filtres et comment ils travaillent en général et dans ses exemples, il crée un filtre «StartSwithletter» que j'ai trouvé assez utile: http://toddmotto.com/euverything-about-custom-filters-in-angular-js/

Je pensais simplement que je posterais au cas où quelqu'un avait du mal à comprendre comme je l'ai fait.


0 commentaires

-1
votes
<ul>
 <li><a href="javascript:void(null)" ng-click="letterFilter = {firstName:  'A'}">A</a></li>
 <li><a href="javascript:void(null)" ng-click="letterFilter = {firstName: 'B'}">B</a></li>
 <li><a href="javascript:void(null)" ng-click="letterFilter = {firstName: 'C'}">C</a></li>
</ul>
 <ul>
<li ng-repeat="name in list | filter:letterFilter">
{{name.firstName}}
</li>
</ul>
try above code this is simple to implement:

1 commentaires

La solution ci-dessus ne filtre pas pour la première lettre du prénom. Mais applicable uniquement pour la lettre disponible en mot entier.



1
votes

Ceci est vieux mais peut-être Ce plunker peut aider, à l'aide du filtre à filtre de l'angulaire.

Définir une expression comme Ainsi: xxx

puis dans HTML: xxx


0 commentaires