表单 – AngularJs提交表单并重置$原始状态

前端之家收集整理的这篇文章主要介绍了表单 – AngularJs提交表单并重置$原始状态前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
以此形式为例 http://plnkr.co/edit/fHEBw6dDdG3IVgnmCLb7?p=preview
按下SAVE DRAFT按钮后,如何将表单的$pristine状态设置为true?

解决方法

您可以在 http://plnkr.co/edit/wXaFXtuhNH6d4SP2uArm?p=preview上打电话给 $setPristine
<button ng-click="reset(); form.$setPristine()">RESET</button>
<button ng-click="update(user); form.$setPristine()">SAVE</button>

或者您可以在控制器中调用方法(确保表单存在后):

$scope.update = function(user) {
    $scope.master= angular.copy(user);
    if ($scope.form) $scope.form.$setPristine();
  };

  $scope.reset = function() {
    $scope.user = angular.copy($scope.master);
    if ($scope.form) $scope.form.$setPristine();
  };

演示:http://plnkr.co/edit/Mau7uuDfPlzcn418OdWh?p=preview

原文链接:https://www.f2er.com/html/229817.html

猜你在找的HTML相关文章