用户对问题“如何在重置时使用angular重置验证?”的回答 您所在的位置:网站首页 el-form重置无效 用户对问题“如何在重置时使用angular重置验证?”的回答

用户对问题“如何在重置时使用angular重置验证?”的回答

2023-05-03 19:18| 来源: 网络整理| 查看: 265

在我们的angular应用程序中,我们有一个带有验证的表单和一个重置按钮。我们以文档中的示例为基础:https://docs.angularjs.org/guide/forms

当字段处于无效状态时,如果有人试图重置表单,就会出现问题。我的期望是,在重置时,该字段应该被重置为初始值,任何验证都将被重置。但是,我还没有想出如何清除验证。

文档中的上述示例可以演示这一点:https://docs.angularjs.org/guide/forms加载演示并键入无效的电子邮件地址(potatoes),然后按reset。它重置有效字段,但不是无效字段。我们已经尝试过使用$setPristine(),摆弄$valid也无济于事。这似乎是一个直截了当的用例,但我一直无法找到任何答案。请指出我们忽略的微不足道的解决方案!

更新:添加了来自https://docs.angularjs.org/guide/forms的代码

Name: E-mail: Gender: male female RESET SAVE form = {{user | json}} master = {{master | json}} angular.module('formExample', []) .controller('ExampleController', ['$scope', function($scope) { $scope.master = {}; $scope.update = function(user) { $scope.master = angular.copy(user); }; $scope.reset = function() { $scope.user = angular.copy($scope.master); }; $scope.reset(); }]);


【本文地址】

公司简介

联系我们

今日新闻

    推荐新闻

    专题文章
      CopyRight 2018-2019 实验室设备网 版权所有