Disabilitare la casella di controllo con il collegamento unidirezionale

Question

Ho un elenco di caselle di controllo. Devo disabilitare tutti gli elementi che hanno inizialmente il valore del modello impostato su false. Ma a causa del bind a due vie ho un problema quando deseleziono una casella di controllo diventa disabilitato. Come risolverlo?

<div class="item-s" ng-repeat="element in model.elements"> 
    <input id="element{{$index.toString()}}" 
     type="checkbox" 
     ng-true-value="true" 
     ng-false-value="false" 
     ng-model="element.value" 
     ng-disabled="!element.value" /> 
    <label for="element{{$index.toString()}}">{{element.name}}</label> 
</div> 

Answer 1

calcolata :: davanti un'espressione legame induce a essere valutata solo una volta. Questo dovrebbe ottenere quello che ti serve:

ng-disabled="::!element.value" 

Ecco Angular's docs sul legame di una volta.

Answer 2

Prova utilizzando ng-init:

<div id="myApp" ng-controller="MyController"> 
    <div class="item-s" ng-repeat="element in model.elements"> 
     <input id="element{{$index.toString()}}" type="checkbox" ng-true-value="true" ng-false-value="false" ng-model="element.value" ng-init="initValue = element.value" ng-disabled="initValue==false" /> 
     <label for="element{{$index.toString()}}">{{element.name}}</label> 
    </div> 
</div> 

Ecco JSFiddle: http://jsfiddle.net/jz65o9tv/