Angular form.fieldName。$ invalid在ng-class属性中无效

Question

我已经解决了这个问题，但我花了一段时间才意识到我做错了什么。这是一个非常简单的错误，但我想我会在这里发布它，希望我可以保存其他人一些工作，以防他们遇到同样的错误。

我试图使用简单的Angular验证在输入字段上根据它是否有效来设置类。我没有意识到它不起作用，因为我用ng-form指定了我的表单的名称。因此，使用$scope.form或表单的name属性的实际值不起作用。当然，下面的例子是简化的，更大的形式可能会使这个错误难以识别。

Answer 1

这是一个失败的例子：

<form name="myForm" ng-form="form1">
<input type="text" name="myField" ng-class="error: myForm.myField.$invalid"/>
</form>

这是一个成功的例子：

<form name="myForm" ng-form="form1">
<input type="text" name="myField" ng-class="error: form1.myField.$invalid"/>
</form>