Ng-checked funktioniert nicht in Angular für Checkboxen

Question

Ich habe versucht, Checkbox zu verwenden und das checked-Attribut mit dem ng-checked-Attribut zu binden, aber es funktioniert nicht, während es mit dem ng-model-Attribut bei Checkbox-Typ-Eingaben gut funktioniert.

Ich habe ein jsbin erstellt, um das Gleiche zu demonstrieren: hier

Answer 1

Da Sie das Kontrollkästchen im ersten Fall nicht mit einem Modell verbinden, wird es in Angular nicht geändert und daher ändert sich der Wert auch nicht in der Ansicht.

Im zweiten Fall, wenn Sie isChecked an das Kontrollkästchen angehängt haben, werden die Änderungen reflektiert.

Aktualisierung: Wenn Sie den Standardwert von isChecked auf true ändern, zeigt es true an und das Kontrollkästchen ist beim Laden ebenfalls aktiviert.

Answer 2

Wenn das erste Input-Feld auf Modell umgestellt wird, ändert es sich. Sie könnten auch ng-click verwenden, um den Wert zu ändern. (addming ng-model="isChecked")

Oder Sie könnten ng-click="isChecked=!isChecked" hinzufügen zum Kontrollkästchen