javascript - 获取表单 Angular 字段

Question

我有一个包含一些字段的表单。
我正在使用 css 类验证字段:(如果该字段无效并且用户触摸了它，则输入的 border-color = red。)

select.ng-invalid.ng-touched,
input.ng-invalid.ng-touched,textarea.ng-invalid.ng-touched {
    border-color: red;
}

如果用户未填写一个或多个字段就提交了表单，将会出现危险警报。

HTML:

  <div ng-show="formInvalid>
       error!
  </div>

JS:

 if ($scope.pniyaForm.$valid) {
    $scope.formInvalid = false;
      .....
 } else {
    $scope.formInvalid = true;
 }

但是，如果用户提交表单但没有触及任何字段，则 css 类不会影响。(因为用户没有触及...)
我想在代码中添加类。
有没有人想出一种优雅的方式来做到这一点，而无需分别在每个字段上编写？

Answer 1

可能的解决方案:

当您执行表单函数时，将以下行添加到其中。

$scope.$apply(function () {});

此行将导致 ng $scope.$watch() 运行并应用更改(如果存在)。 可能有效，可能无效，请阅读以下链接以更深入地了解该问题。

http://jimhoskins.com/2012/12/17/angularjs-and-apply.html