Javascript angularJS：输入已通过验证检查

我对javascript/angularJS非常陌生，我要做的可能很简单，但我真的不知道。 我有这样一个复选框：

<input id="myInput" type="checkbox" ng-checked="isChecked">

现在，当我单击执行时，我在模型中检查的值已正确更新。 这是最简单的部分。 现在我必须在oncheck事件上添加一个控件。换言之：

---

在更新isChecked之前，我必须对模型中的值进行验证，如果验证返回false，则不应更新isChecked的值。

您可以使用

ng model

和

ng change

而不是

ng checked

来执行复选框选中或未选中时的功能：

<input id="myInput" type="checkbox" ng-model="myModel.isChecked" ng-change="checkboxChanged()">

确保不要同时使用

ng型号

和

ng已检查

，如文档中所述：

请注意，[ng checked]不应与ngModel一起使用，因为这可能导致意外行为

您可以使用

ng class

解决CSS问题，如下所示：

<input id="myInput" type="checkbox" ng-model="myModel.isChecked" ng-change="checkboxChanged()" ng-class="{'my-class-name': myModel.isChecked }">

---

当选中或取消选中复选框时，您可以使用

ng model

和

ng change

而不是

ng checked

来执行功能：

<input id="myInput" type="checkbox" ng-model="myModel.isChecked" ng-change="checkboxChanged()">

确保不要同时使用

ng型号

和

ng已检查

，如文档中所述：

请注意，[ng checked]不应与ngModel一起使用，因为这可能导致意外行为

您可以使用

ng class

解决CSS问题，如下所示：

<input id="myInput" type="checkbox" ng-model="myModel.isChecked" ng-change="checkboxChanged()" ng-class="{'my-class-name': myModel.isChecked }">

我需要选中ng，因为我有一个使用checked属性的css。我想使用ng click和ng checked：但我认为这是一个错误，就像同时使用ng model和ng-checked一样。啊，我明白了。或者，您可以在

isChecked

scope变量上设置一个监视程序。不过，监视程序有自己的问题。我仍然推荐第一个答案，并使用

ng class

而不是checked属性来解决您的样式设置问题。我听说watcher非常重，我需要检查ng，因为我有一个使用checked属性的css。我想使用ng click和ng checked：但我认为这是一个错误，就像同时使用ng model和ng-checked一样。啊，我明白了。或者，您可以在

isChecked

scope变量上设置一个监视程序。不过，监视程序有自己的问题。我仍然建议您使用第一个答案，并使用

ng class

而不是checked属性来解决您的样式问题。我听说watcher非常沉重