Wie man überprüft, checkbox Wert und speichern Sie die array-variable in angularjs?

Habe ich erstellt array-Liste und Auflistung es als mehrere Kontrollkästchen. Aus, dass, wenn ich wählen, ich bin die Speicherung in der array-variable, und wenn ich deaktivieren muss, um sein entfernen aus dem array. Ich habe versucht, diese funktioniert aber beim deaktivieren Wert ist, nicht das entfernen von array-Variablen.

Hier ist mein code unten und jsfiddle

HTML

<div ng-app="myApp" ng-controller="MyCtrl">
    <lable ng-repeat="list in lists">
    <input type="checkbox" name="chk[]" ng-model="lst" value="{{list.vl}}" ng-change="change()">
    {{list.vl}} <br>
    </lable>
</div>

SKRIPT

var myApp = angular.module('myApp', []);

myApp.controller('MyCtrl', function($scope){
    $scope.lists = [
        {'vl' : 1},
        {'vl' : 2},
        {'vl' : 3},
        {'vl' : 4},
        {'vl' : 5},
    ];

    $scope.lst = [];
    $scope.change = function(){
        $scope.lst.push('2');
        console.log($scope.lst);
    };
});

InformationsquelleAutor s1lam8u | 2015-07-02

5

Können Sie die übergabe der Daten in ngChange dass Sie brauchen, um zu entscheiden, wenn Sie möchten, zu schieben oder zu Spleißen.

HTML
```
<lable ng-repeat="list in lists">
    <input type="checkbox" ng-model="active" ng-change="change(list, active)" >
</lable>
```
SKRIPT
```
$scope.change = function(list, active){
    if (active)
        $scope.lst.push(list);
    else
        $scope.lst.splice($scope.lst.indexOf(list), 1);
};
```
Beachten Sie, dass der aktuelle Wert für jedes Element wird in einer variable gespeichert active auf den isolierten Bereich. Wenn Sie den Wert in Ihrem Modell, nur binden mag dieses:
```
<lable ng-repeat="list in lists">
    <input type="checkbox" ng-model="list.active" ng-change="change(list, active)" >
</lable>
```
https://jsfiddle.net/ruzw4Lfb/8/
- Wie man den Wert des index?
- ist Magie ngRepeat. docs.angularjs.org/api/ng/directive/ngRepeat ich bin nicht sicher, was Sie speichern möchten, in das array. In meinem Beispiel habe ich schob die $index. Ich denke, das ist nicht, was Sie wirklich wollen, aber es' s sehr unklar deine Frage.
- Verlassen Sie sich nicht auf $index, weil es nicht funktionieren wird während der Anwendung von filtern auf ng-repeat. Nur zur info 😉
- Du hast Recht. Ich denke es ist besser, geben Sie einfach die Informationen zu change, die tatsächlich benötigt wird. Ich habe nicht wirklich verstehen, seine Absicht von der Frage.
- Aktualisierte Antwort und fiddle
InformationsquelleAutor hansmaad

Ich habe auch eine Lösung für Ihr problem in einer anderen Weise. Ich habe etwas einfacher als deins. Dies kann Ihnen dabei helfen. Überprüfen Sie die Beispiel-code unten:

app.js

var myApp = angular.module('myApp', []);

    myApp.controller('MyCtrl', function($scope){
        $scope.lists = [
            {'vl' : 1, 'state' : false},
            {'vl' : 2, 'state' : false},
            {'vl' : 3, 'state' : false},
            {'vl' : 4, 'state' : false},
            {'vl' : 5, 'state' : false}
        ];

        $scope.change = function(id){
            $scope.lists[id].state = !$scope.lists[id].state;
            console.log($scope.lists);
        };
    });

index.html

<div ng-app="myApp" ng-controller="MyCtrl">
    <lable ng-repeat="list in lists">
    <input type="checkbox" value="{{list.vl}}" ng-click="change($index)">
    {{list.vl}} <br>
    </lable>
</div>

Aber Sie zwingen mich zu fügen Zustand!!! Was ich nicht tun will!!!

InformationsquelleAutor hsynlms

1

Verwendung von push und pop von Arrays

Change() senden zwei Werte zuerst werden Sie ausgewählt, die durch ng-Modell und der zweite den Wert, den Sie möchten, zu schieben oder schneiden(entfernen).
```
<input type="checkbox" name="chk[]" ng-model="lst" value="{{list.vl}}" ng-change="change(lst,list.vl)">

$scope.change = function(check,value){
        if(check){
            $scope.lst.push(value);
        }else{
             $scope.lst.splice($scope.lst.indexOf(value), 1);
        }
    };
```
Fiddle

Hoffe, es hilft 🙂
- Dies ist einfacher und weniger code-Zeile! Dank
- Sie nicht brauchen, die value="{{list.vl}}" mehr. Einfach zu entfernen und wird sich der code mehr viel sauberer.
- Ok danke!
- Ihr willkommen.
- Sorry zu sagen! Ich wählte alle Kontrollkästchen aus, wenn ich deaktivieren Sie zweite Kästchen, es ist nicht die Beseitigung zweite Kontrollkästchen Wert aus diesem array. Ich brauche zu entfernen, deaktiviert das Kontrollkästchen Wert aus dem array.
- dumme Fehler, die ich verwendet, pop, statt die Scheibe 😛
InformationsquelleAutor squiroid

erste, ich nehme an, welches Sie synthax der Liste ist falsch, da sollten Sie Listes:

 $scope.lists = [
            {'vl' : 1},
            {'vl' : 2},
            {'vl' : 3},
            {'vl' : 4},
            {'vl' : 5},
        ];

Dann ist dieses unnötige : $scope.lst = {}; wie können Sie Einfluss auf das Modell der jedes Element der Liste wie :

 <input type="checkbox" name="chk[]" ng-model="item.lst" value="{{list.vl}}" ng-change="change()">

Hinweis Posten.lst aktualisiert wird yout-Listen-Modell.

nach mehreren wechseln haben Sie :

 $scope.lists = [
                {'vl' : 1, 'lst' : value},
                {'vl' : 2, 'lst' : value},
                {'vl' : 3, 'lst' : value},
                {'vl' : 4, 'lst' : value},
                {'vl' : 5, 'lst' : value},
            ];

InformationsquelleAutor aorfevre

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.