Discussion :

[Rtransat]

Bonjour à tous,

Je souhaite filtrer un objet via des checkbox, pour le coup j'y arrive mais pas dans le sens que je voudrais. Actuellement mes checkbox sont coché par défaut, et quand j'en décoche une, l'objet est correctement filtré.

Ce que je cherche à faire c'est afficher la totalité de l'objet depuis un ng-repeat et d'avoir les checkbox décoché par défaut et lorsque c'est coché alors là le tri s'effectue. Si aucune case n'est coché alors il affiche tout.

Voici un fiddle de mon code actuel : http://jsfiddle.net/Rtransat/34Lerhfm/

Merci d'avance

[Golgotha]

Bonjour,

Pour faire l'inverse : http://jsfiddle.net/34Lerhfm/1/

[Rtransat]

Impossible de voir ton message, l'affichage bug :/. J'ai tout de même pu voir ton fiddle en inspectant l'élément. Mais ce n'était pas ce que je voulais. Dans ton exemple quand tu coche 3, il n'affiche pas le cost: 3.

Sinon j'ai réussi à trouver en suivant cet exemple : http://jsfiddle.net/ExpertSystem/wYfs4/3/

Ce que je cherche à faire maintenant c'est de filtrer si je coche une case avec la valeur 7 alors j'affiche les données qui à la valeur >= 7 pour la propriété que je souhaite filtrer, mais impossible de faire quoi que ce soit :/

Voici mon code :

Le controller :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
 
$scope.filterCost = {};
 
$scope.filterByCost = function(card) {
    if(card.Tag.Cost == 7) {
        // ???
    }
    else {
        return $scope.filterCost[card.Tag.Cost] || noFilter($scope.filterCost);
    }
}
 
function noFilter(filterObj) {
    for (var key in filterObj) {
        if (filterObj[key]) {
            return false;
        }
    }
    return true;
}

Le code HTML

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
 
<label class="checkbox-inline">
    <input type="checkbox" ng-model="filterCost['0']" /> 0
</label>
<label class="checkbox-inline">
    <input type="checkbox" ng-model="filterCost['1']" /> 1
</label>
<label class="checkbox-inline">
    <input type="checkbox" ng-model="filterCost['2']" /> 2
</label>
<label class="checkbox-inline">
    <input type="checkbox" ng-model="filterCost['3']" /> 3
</label>
<label class="checkbox-inline">
    <input type="checkbox" ng-model="filterCost['4']" /> 4
</label>
<label class="checkbox-inline">
    <input type="checkbox" ng-model="filterCost['5']" /> 5
</label>
<label class="checkbox-inline">
    <input type="checkbox" ng-model="filterCost['6']" /> 6
</label>
<label class="checkbox-inline">
    <input type="checkbox" ng-model="filterCost['7']" /> 7
</label>