角度中的简单单复选框验证答案

【问题标题】：Simple SINGLE checkbox validation in angular角度中的简单单复选框验证
【发布时间】：2016-02-04 02:47:12
【问题描述】：

我在谷歌搜索中找到了第 3 页，似乎没有人在他们的页面上使用单个复选框，当然，角度文档（或任何文档）没有提到如何验证单个 frikkin 复选框。

就这样。

<form name="myForm" submit="mySubmitMethod()">
    <input type="checkbox" name="mycheckbox" ng-model="myModel.MyCheckbox"  required/>
    <button type="submit" ng-disabled="myForm.mycheckbox.$dirty && myform.mycheckbox.$invalid">submit</button>
</form>

因此，在我的表单对象中，如果我单击它，脏永远不会改变，并且无论状态如何，它也不会无效。这是没有意义的。有人请帮忙。我已经搞砸了几个小时了，我无法在上面找到任何东西。每个人都在谈论一组复选框。我有一个。我不想为一个复选框写一大堆代码。

【问题讨论】：

你是如何设置无效状态的？是什么让你认为肮脏的东西永远不会改变？我看不出您的示例有什么问题（它与Angular's own 没有太大区别），因此您可能需要添加一个示例 sn-p 以显示它不起作用。
无效状态如何设置？我在 Angular 文档中唯一能找到的是：docs.angularjs.org/api/ng/input/input%5Bcheckbox%5D 我正在通过查看 chrome 中的表单对象来检查脏状态
如果您不确定如何设置无效，那么我不确定您为什么尝试在禁用状态下使用它。另外，我不相信您可以在复选框字段上使用required。
其他表单字段如果已填写，则处于 $invalid 状态。所以我正在寻找类似的东西，我猜没有。

标签： javascript angularjs checkbox

【解决方案1】：

你可以这样做。

<button type="submit" ng-disabled="myForm.mycheckbox.$dirty && myModel.MyCheckbox">submit</button>

myModel.MyCheckbox 这是您的复选框模型，true or false 取决于您的 checkbox selection，并据此禁用您的按钮。

那么，就这样

<button type="submit" ng-disabled="!myModel.MyCheckbox">submit</button>

也更好

【讨论】：