用formly显示所有错误

时间:2015-11-24 22:36:56

标签: angularjs angular-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()方法来隐藏错误。

1 个答案:

答案 0 :(得分: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
  }
};