ng-readonly funktioniert nicht in angular checkbox

Question

Kann ich ng-readonly Direktive in einem Kontrollkästchen verwenden?

Das Kontrollkästchen ist schreibbar, auch wenn es mit ng-readonly dekoriert ist.

Html:

<input type="checkbox" ng-model="model" ng-readonly="test" /> {{model}} 

Controller:

myApp.controller('MyCtrl', function($scope) { 
    $scope.test = true; 
}); 

Added Fiddle

Answer 1

, wenn Sie diese deaktivieren möchten es verwenden:

<input type="checkbox" ng-disabled="true" ng-model="test" /> 

Answer 2

ng-Nur-Lese-nur Arbeit mit input type = „text“

siehe Dokumentation hier - https://docs.angularjs.org/api/ng/directive/ngReadonly

Die HTML-Spezifikation nicht Browser benötigen, um die Werte von Booleschen Attributen wie Nur-Lese zu bewahren. (Ihre Anwesenheit bedeutet "wahr" und ihre Abwesenheit bedeutet "falsch".) Wenn wir einen angularen Interpolationsausdruck in ein solches Attribut einfügen, gehen die Bindungsinformationen verloren, wenn der Browser das Attribut entfernt. The ngReadonly directive solves this problem for the readonly attribute. Diese ergänzende Anweisung wird vom Browser nicht entfernt und stellt somit einen dauerhaft zuverlässigen Ort zum Speichern der Bindungsinformationen bereit.

Answer 3

Wenn Sie ihn haben „mehr“ sichtbar, Sie immer ein wenig Javascript Trick verwenden:

<input type="checkbox" ng-model="model" onclick="return false;" />