角度简单的SINGLE复选框验证

时间:2016-02-03 16:55:11

标签: javascript angularjs checkbox

我在谷歌搜索上进入第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>

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

1 个答案:

答案 0 :(得分: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>

也是更好的一个