Wyłączanie pola wyboru z jednym sposobem wiązania

Question

Mam jedną listę wyboru. Muszę najpierw wyłączyć wszystkie elementy, które mają wartość modelu ustawioną na false. Ale z powodu dwukierunkowego wiązania mam problem, gdy odznaczam jedno pole wyboru, staje się on wyłączony. Jak to rozwiązać?

<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

Dodawanie :: przed wyrażeniem wiązania powoduje, że są obliczane tylko raz. To powinno Ci to, czego potrzebujesz:

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

Oto Angular's docs na wiążącego jednorazową.

Answer 2

Spróbuj użyć ng inicjalizacji:

<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> 

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