验证是否在 ionic 中选中了所有复选框答案

【问题标题】：Validate that all of the checkboxes are checked in ionic验证是否在 ionic 中选中了所有复选框
【发布时间】：2015-01-10 10:59:59
【问题描述】：

我有一个带有复选框列表的表单，如下所示：

$scope.deviceList = [
  { text: "Dev 0", checked: false },
  { text: "Dev 1", checked: false },
  { text: "Dev 2", checked: false },
  { text: "Dev 3", checked: false },
  { text: "Dev 4", checked: false }
];

<form>
    <ion-checkbox class="checkbox-balanced"
                  ng-repeat="item in deviceList"
                  ng-model="item.checked"
                  ng-required="true">
      {{ item.text }}
    </ion-checkbox>
</form>

当然，我有更多的元素。但仅针对这种情况，我显示了相关代码。

现在，我想验证在选中所有复选框之前无法发送表单。对此有什么优雅的解决方案的建议吗？

提前致谢

【问题讨论】：

标签： angularjs validation checkbox ionic-framework

【解决方案1】：

也许具有以下功能的函数可以解决问题：

$scope.validate = function(){
  var numChecked = $filter($scope.deviceList, function(device) {
    return device.checked
  }).length;
  return $scope.deviceList.length == numChecked;
}

别忘了在你的控制器中注入 $filter 服务，否则它不会工作

【讨论】：

谢谢 eylen，我应该在哪里调用 validate() 函数？
您可以使用 ngClick='validate()' 在按钮中调用它，如果为真则发送提交，或者您可以使用表单的 ngSubmit 指令。