angularjs - Angular js - 验证表单 ng-class 不会更新

Question

我对 Angular js 小部件有一个奇怪的问题。基本上我有一个我想要验证的表格。

表单上的每个输入都是必需的，我可以轻松注销 {{swiperForm.$invalid}} 以实时查看表单是否经过验证。当所有字段都填写完毕后，$invalid 值为 false，如果没有填写，则为 true，正如预期的那样。

但是，如果我尝试在 ng 类中使用它，它不会返回相同的值。即使我清楚地打印出来。但是如果我从一个字段中删除一个值，那么它就会更新。就像它没有用 ng-class 或其他东西初始化一样。

  {{swiperForm.$invalid}}
  <button class="button button-next" ng-class="{'swiper-button-disabled': swiperForm.$invalid}" ng-click="c.submitData()">Next</button>

标签： angularjs