Filterung mit mehreren Checkboxen in angularJS

7

Ich bin neu in AngularJS. Ich habe ein Programm geschrieben, um die Objektliste zu filtern, wenn ich entsprechende Kontrollkästchen ankreuze. Aber hier verhalten sich meine CheckBoxen wie "Radio" -Buttons. Wie auch immer, Programm funktioniert, aber es funktioniert nicht mit mehreren Kontrollkästchen. Bitte hilf mir.

Mein Programm @ Ссылка

    
Hearaman 04.11.2013, 13:05
quelle

3 Antworten

23

Einfacher Weg

Ich würde verschiedene Modelle für beide Kontrollkästchen festlegen und Filter hinzufügen wie:

%Vor%

Demo Plunker

Benutzerdefinierter Filter ##

( Ich mag es mehr )

Wir können die Checkboxen an ein Objekt binden wie:

%Vor%

und nach dem Erstellen eines benutzerdefinierten Filters wie:

%Vor%

Unser HTML scheint jetzt einfach zu sein:

%Vor%

Demo 2 Plunker

[BEARBEITEN für @Mike]

Wenn Sie den Kontrollkästchenfilter umkehren möchten, fügen Sie einfach die Direktive hinzu (aus HIER ):

%Vor%

säen neues HTML-Formular:

%Vor%

Demo 3 Plunker

    
Maxim Shoustin 04.11.2013, 13:08
quelle
1

Wenn Sie wie ich mit benutzerdefiniertem Filter nicht vertraut sind und eine einfachere Lösung bevorzugen, finden Sie hier ein einfaches Beispiel, um Daten mit ng-Modellen von Kontrollkästchen in ng-repeat zu binden: Tutorial hier

Es ist ein gutes Beispiel mit ng-value-true und ng-value-false:

%Vor%

Die Javscript-Funktion:

%Vor%     
vincent T 27.08.2014 13:41
quelle
0

Hier ist Bit-Filter verfeinert (für meine Bedürfnisse von @Maxim Shoustin bearbeitet), wo Sie durch mehrere Argumente auswählen können. Wenn du 3 Typen hast und 2 von 3 auswählst, kannst du das verwenden, weil andere daran nicht arbeiten (versuchte es selbst):

%Vor%     
Imants Volkovs 01.08.2014 08:24
quelle