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 p>
pour ex: la liste Les détails sont pont de pomme code>
Après cliquez sur
A code>,
Apple code> sera affiché p>
4 Réponses :
Au lieu de fruits, je devais filtrer les noms des pays pour afficher leurs représentants de vente: 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>
Sur NG-Cliquez sur NG, vous utilisez une fonction appelée SetActimifetter (lettre) code> mais ne répertorie pas la fonction. Utilisez ceci dans votre contrôleur:
$ SPAND.SetAlteletter = Fonction (lettre) {$ portée.Actelstivetter = lettre; }; code> espère que cela aide quelqu'un qui le voit. Solution fantastique BTW!
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/ p>
Je pensais simplement que je posterais au cas où quelqu'un avait du mal à comprendre comme je l'ai fait. P>
<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:
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.
Ceci est vieux mais peut-être Ce plunker peut aider, à l'aide du filtre à filtre de l'angulaire.
Définir une expression comme Ainsi: p> puis dans HTML: p>
Salut Sikander Je pense que cela répondra à votre question Stackoverflow.com/ Questions / 19501300 / ...