angularjs - 使用单向绑定(bind)禁用复选框

Question

我有一个复选框列表。我需要禁用最初将模型值设置为 false 的所有元素。但是由于两种方式绑定(bind)，当我取消选择一个复选框时，它会被禁用。如何解决？

<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

添加 ::在绑定(bind)表达式前面会导致它只被评估一次。这应该可以满足您的需求:

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

这里是 Angular's docs关于一次性绑定(bind)。