angularjs – 使用单向绑定禁用复选框

发布时间：2020-12-17 18:08:22 所属栏目：安全来源：网络整理

导读：我有一个复选框列表.我需要禁用最初将模型值设置为false的所有元素.但是由于双向绑定,当我取消选择一个复选框时它会出现问题,它会被禁用.怎么解决？ div class="item-s" ng-repeat="element in model.elements" input id="element{{$index.toString()}}" typ

我有一个复选框列表.我需要禁用最初将模型值设置为false的所有元素.但是由于双向绑定,当我取消选择一个复选框时它会出现问题,它会被禁用.怎么解决？

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

解决方法

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

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

这是一次性绑定的Angular’s docs.

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!