避免在表单提交后弹出未保存的更改 - AngularJS

Question

当我提交登录表单并在成功验证后重定向到另一个页面时，我收到一个弹出消息，说我有未保存的更改。我相信只有在您重定向到另一个页面而不将更改保存到表单时才会显示此弹出窗口。

我尝试调用表单的$setPrestine() 和$setUntouched() 函数并将模型设置为null，但弹出窗口仍然显示。

我该如何正确处理这个问题？谢谢

更新

我发现问题是由我正在处理的项目中使用的角度模块（角度敏捷性）引起的。经过大量的跟踪，我找到了解决方案。

Answer 1

你有各种各样的课程

ng-原始，ng-脏 如果您对它们执行操作，它将应用于输入

您可以学习并相应地使用它。 read this

<script>
  angular.module('formExample', [])
    .controller('FormController', ['$scope', function($scope) {
      $scope.userType = 'guest';
    }]);
</script>
<style>
 .my-form {
   transition:all linear 0.5s;
   background: transparent;
 }
 .my-form.ng-invalid {
   background: red;
 }
</style>
<form name="myForm" ng-controller="FormController" class="my-form">
  userType: <input name="input" ng-model="userType" required>
  <span class="error" ng-show="myForm.input.$error.required">Required!</span><br>
  <code>userType = {{userType}}</code><br>
  <code>myForm.input.$valid = {{myForm.input.$valid}}</code><br>
  <code>myForm.input.$error = {{myForm.input.$error}}</code><br>
  <code>myForm.$valid = {{myForm.$valid}}</code><br>
  <code>myForm.$error.required = {{!!myForm.$error.required}}</code><br>
 </form>

现在您可以看到有多种方法可以做到这一点。
好好看看并申请。快乐编码！

或者你可以参考这个answer