Discussion :

[harkor]

Bonjour,

J'ai un petit soucis technique sur l'utilisation de filtres.

Je possède une liste de +/- 1500 utilisateurs, je les affiches via un ng-repeat dans un tableau.

Exemple

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<tr ng-repeat="user in users | filter : search | federationFilter : filterFederation | summerFeeTypeFilter : filterSummerFee | winterFeeTypeFilter : filterWinterFee | summerForfeitStatusFilter : filterSummerForfeitStatus | winterForfeitStatusFilter : filterWinterForfeitStatus">

Pour chaque utilisateurs il y a forcément des données.

Ce que j'aimerai arriver à faire, c'est par exemple connaître le nombre de femmes et le nombre d'hommes mais uniquement par rapport à tous les filtres mis en place à "l'instant T".

Imaginons, sur mes 1500 utilisateurs, la liste se réduit à 300, j'aimerai pouvoir "compter" combien il y a de femme et combien il y a d'homme ou encore additionner ensemble les âges des hommes et additionner ensemble les âges des femmes, etc...

Mon idée était simplement de faire une fonction et de sortir un objet avec les résultats que je n'aurai plus qu'à afficher.

J'ai un peu cherché, j'étais tomber sur le fameux "$filter" mais je n'ai pas réellement compris comment l'utiliser pour mon cas...

Si dans la salle, il y a des experts, je suis tout ouïe ;-)

[Marco46]

On affiche pas dans une webapp une liste de 1500 lignes c'est la mort du navigateur. La limite par défaut doit être mise à quelque chose comme 10 ou 20 éléments. Tu peux éventuellement laisser la possibilité à l'utilisateur qui a une bonne machine de configurer une limite plus haute, genre 100 éléments mais pas plus.

Sur de tels volumes de données les filtrages et recherches doivent être effectués côté back.

Evidemment pour pouvoir faire tout ça il faut que les webservices que tu interroges soient capable de paginer.

[harkor]

Merci pour ta réponse mais ce n'était ma question...

Cette "webapp" n'est pas destinée au grand publique mais à 3 voir 4 personnes maximum et j'ai une pagination spécifique pour angular.

Vu qu'entre-temps j'ai finalement trouvé une réponse, la voici...

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

$scope.filteredUsers = JSON.parse($scope.$eval($interpolate( "{{users | federationFilter : filterFederation | summerFeeTypeFilter : filterSummerFee | winterFeeTypeFilter : filterWinterFee | summerForfeitStatusFilter : filterSummerForfeitStatus | winterForfeitStatusFilter : filterWinterForfeitStatus}}" )))

Excellente journée

[Marco46]

Merci pour ta réponse mais ce n'était ma question...

Certes mais c'est un forum public et ta demande est publique. Quand je lis la description d'une mauvaise pratique je préfère intervenir sur le fil ce qui permet aux lecteurs anonymes de se faire une idée plus juste.

Au passage l'usage de $scope fait parti des mauvaises pratiques

[Invité]

Bonjour harkor,

Peux-tu nous faire un retour sur les performances de ton ng-repeat ?
Expérimentes-tu des lenteurs de filtrage avec tes 1500 utilisateurs ?

Combien de temps prends le chargement de ton modèle de données complet ?

Quel type de pagination as-tu mis en place ?
A ce que je vois, tu n'as pas fait de one-time binding.

Donc ta solution est de filtrer ton modèle de données principal, puis de placer le résultat dans $scope.filteredUsers

Qu'est ce que ça dit fonctionnellement parlant, ça marche bien ?


Bien Cordialement.