javascript - AngularJS ng类未应用引导错误类

我正在构建一个多步骤AngularJS表单，该表单在ng-class上添加了引导程序错误类。我将本教程作为构建表单http://scotch.io/tutorials/javascript/angularjs-multi-step-form-using-ui-router#building-our-angular-app-app.js的基础。

问题：当子字段无效时，为什么我的ng-class css类没有应用于表单组包装器？在表单字段正确之前，我的提交按钮将保持禁用状态，但是永远不会应用错误类和样式。

的HTML

<div class="form-group" ng-class="{'has-error has-feedback' : longForm.fullName.$invalid && !longForm.fullName.$pristine}">
  <label class="hidden-xs" for="FullName">Full Name</label>
  <input class="form-control input-lg" type="text" name="FullName" placeholder="Your Full Name" ng-model="longFormData.fullName" required />
</div>
<div class="form-group">
  <button class="btn btn-cta btn-lg btn-block" type="submit" ng-disabled="longForm.$invalid">Next</button>
</div>

最佳答案

在这种情况下，实际上非常简单。

您输入的名称为FullName，但您将其引用为fullName。

在表单控制器上发布的属性名称区分大小写，因此只需更改以下任一情况的大小写：

name="FullName"至name="fullName"

要么

longForm.fullName至longForm.FullName

关于javascript - AngularJS ng类未应用引导错误类，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/26477319/