Angularjs 如何禁用包括离子复选框在内的整个表单

我有一个表格，其中包括几个离子复选框，我想让它只读

基于，我向字段集添加了一个布尔值。它适用于选择和文本框。但ion复选框虽然看起来被禁用，但仍会触发click事件并切换其状态

<form>
  <fieldset ng-disabled="myBooleanValue">
    <!-- selects and textboxes are all disabled as you'd expect-->
    <ion-checkbox ng-repeat="va in q.ValidAnswers | orderBy:'SortOrder'"
                  ng-click="vm.setAnswer(q.ID, va.AnswerID)"
                  ng-checked="vm.isChecked(currentAnswers, va.AnswerID)">
        {{va.Text}}
    </ion-checkbox>
   </fieldset>
</form>

{{va.Text}}

将

ng disabled

添加到

离子复选框中

：

<ion-checkbox ng-disabled="myBooleanValue" 
              ng-repeat="va in q.ValidAnswers | orderBy:'SortOrder'" 
              ng-click="vm.setAnswer(q.ID, va.AnswerID)" 
              ng-checked="vm.isChecked(currentAnswers, va.AnswerID)"> {{va.Text}}
</ion-checkbox>

小提琴：

---

参考资料：

我找到了一个解决方案，在

离子复选框中添加
ng disabled
，然后使用
ng change
而不是
ng click
。这意味着我也必须添加
ng model
。但我更喜欢这个解决方案+1.
<ion-checkbox ng-disabled="myBooleanValue" 
              ng-repeat="va in q.ValidAnswers | orderBy:'SortOrder'" 
              ng-click="myBooleanValue || vm.setAnswer(q.ID, va.AnswerID)"
              ng-checked="vm.isChecked(currentAnswers, va.AnswerID)">
   {{va.Text}}
</ion-checkbox>