Angularjs checklist-model - 禁用未选中的框

Question

Stackoverflow的嘿超级英雄。我目前正在使用angularjs和checklist-model指令制作清单。我试图找出当达到x量的复选框时我如何能够将所有未经检查的盒子放大。

我从json文件中获取数据，因此我的复选框出现在ng-repeat中。

目前我正在禁用所有复选框。当达到x号检查时。不幸的是，用户应该能够改变所选择的内容。

<label ng-repeat="item in items | orderBy:item_position"> 
<h3>{{item.item_name}}</h3>
<p>{{item.item_position}}</p>
<!--checkbox -->
<input type="checkbox" ng-disabled="item.answers.length >= 12" checklist-model="item.answers" checklist-value="player">

Answer 1

您可以在ng-disabled中试一试：

ng-disabled="item.answers.length >= 12 && item.answers === player"

但是，如果您发布了一个带有指令和一些示例数据的jsfiddle，那将会非常有用。

Answer 2

在复选框输入上尝试此属性以执行所需的限制：

ng-disabled="!checked && item.answers.length >= 12"