Sélectionner paramètres visibles

Version imprimable

Bonjour,

Je souhaite sélectionner dans mes paramètres (dictionnaire) uniquement ceux qui sont visibles (hidden=true) sur ma page web...

Code:

1
2
3
4
5
6
7
8
$scope.params = {"material": { "value": ["MAT1"], "activatedBy": [], "desactivatedBy": [], "hidden": false, "fixed": false}, "Analysis": { "value": ["MECA"], "activatedBy": [], "desactivatedBy": [], "hidden": false, "fixed": true}, "Temperature": {"value": "100", "activatedBy": [], "desactivatedBy": [], "hidden": true, "unit": "C"}, "Position in y": {"value": "12", "activatedBy": [], "desactivatedBy": [], "hidden": true, "linked": {"relation": {"a": 1, "b": 0}, "value": ""}, "unit": "mm"}, "Position in x": {"value": "12", "activatedBy": [], "desactivatedBy": [], "hidden": true, "linked": {"relation": {"a": 1, "b": 0}, "value": ""}, "unit": "mm"}, CTE": {"value": "30", "activatedBy": [], "desactivatedBy": [], "hidden": true, "linked": {"relation": {"a": 1, "b": 0}, "value": ""}, "unit": "PPM/K"}};
 
     var params = "{";
 
     for(var key in $scope.params){
          params += "'" + key + "':";
     }
     params = params.slice(0, -1) + "}";

Ce code fonctionne et me met toutes les keys dans params. Et pour filtrer, j'ai testé :

Code:

1
2
3
4
5
6
7
var params = "{";
    for(var key in $scope.params){
       if($scope.params[key].hidden == "true"){
          params += "'" + key + "':";
       }
    }
    params = params.slice(0, -1) + "}";

Qui ne fonctionne pas.

Merci d'avance de votre aide.

27/10/2015, 09h02
Invité
Heu,

Moi pour faire un filtre avec angular, j'utilise le système natif de filtrage angular du modèle. je fais ceci :

EXEMPLE : une liste d'étudiant .

Admettons que ton modèle de données classe.json soit celui-ci :

Code:

[{"nom":"Durand","moyenne":"3","hidden":true},{"nom":"Hammed","moyenne":"12","hidden":true},{"nom":"Grimbert","moyenne":"15","hidden":false}]

1. Dans le controleur, créer une fonction comme ça, destinée à filtrer ton modèle de donnée en fonction d'un critère, en l'occurence, retourner tous les élèves dont la moyenne de notes soit inférieure à 5:
Code:

1 2 3 4 /*  */ $scope.filtreMoyenne = function(etudiant) { return etudiant.moyenne < 5; };
2. Dans la vue qui affiche les étudiants, se référer à la fonction $scope.filtreMoyenne qui filtre le ng-repeat(ng-repeat est une boucle sur ton objet classe.json):

Code:

<div ng-repeat=" etudiant IN classe |filter:filtreMoyenne">NOM: {{etudiant.nom}} MOYENNE:{{etudiant.moyenne}}</div>

3.Résultat :

Dans ta vue HTML ne s'afficheront que les étudiants dont la moyenne des notes est inférieure à 5, en l'occurence, seul DURAND s'affichera car sa note est < à 5.

4. Si on veut afficher que les étudiants qui sont cachés (hidden), on crée une autre fonction filtre dans le controleur, du style :
Code:

1 2 3 4 /*  */ $scope.filtreHidden = function(etudiant) { return etudiant.hidden = true ; };
puis, on mentionne le filtre dans la vue, dans le ng-repeat (On peut cumuler les filtres ! ):

Code:

<div ng-repeat=" etudiant IN classe |filter:filtreMoyenne|filter:filtreHidden"></div>

Du coup, seul Durand et Hammed s'afficheront dans ton HTML grâce au filtre "filtreHidden", parce qu'ils ont l'attribut Hidden égal à True, mais vu que le filtre filtreMoyenne est également pris en compte, seul Durand apparaitra.( Les filtres sont cumulatifs, grâce au pipe)

5. Si on veut faire le contraire, n'afficher que les étudiants qui ne sont pas cachés, on modifie notre fonction de filtrage comme ceci :
Code:

1 2 3 4 /*  */ $scope.filtreHidden = function(etudiant) { return etudiant.hidden != true ; };
Dans ton cas, faudrait créer la fonction de filtrage et faire un truc du style(non testé) :
Code:

1 2 3 $scope.filtreHidden = function(param) { return param.hidden = false; };
puis après, tu affiches ton modèle de données dans un ng-repeat... Et seuls les élèments étant "false" sur "Hidden" vont apparaitre.

Note : tu peux déclencher tes filtres à partir de select Html ou de cases à cocher...
J'avais fait un filtre true et false dans cet exo : http://nicolash.org/angular/app8.html
28/10/2015, 13h09
slim

Effectivement,
Il vaut mieux ne pas mettre un ng-if et utiliser à la place un filtre pour des règles de gestion à appliquer dans les templates. Cependant, il ne faut pas implémenter ces règles directement dans les filtres mais dans des services qu'on injecte dans les filtres. Ceci pour centraliser les règles de gestion.

Une autre solution serait d'utiliser un ng-if mais en appelant directement la méthode d'un service qui va renvoyer true ou false (affichage ou pas).