用 formly 显示所有错误

Question

如何在使用 formly 提交时显示所有验证错误？

形式

<formly-form model="vm.model" fields="vm.fields" form="vm.form">
  <button class="btn btn-primary" type="button" ng-click="submit()">Save changes</button>
</formly-form>

控制器

$scope.submit = function () {
  if (!$scope.form.$valid) {
    $scope.form.$setUntouched();
  }
};

我发现 angular.js 中的 form.$setUntouched() 方法可以隐藏错误。

Answer 1

配置：

app.run(function(formlyConfig) {
    formlyConfig.extras.errorExistsAndShouldBeVisibleExpression = 'fc.$touched || form.$submitted';
});

控制器：

$scope.submit = function () {
  $scope.form.$submitted = true;
  if ($scope.form.$valid) {
    // Do submit
  }
};

用 formly 显示所有错误

Show all errors with formly

angularjs

angular-formly