javascript - 提交 POST AngularJS 后表单未清除

Question

我使用 angularjs 前端和 Play 框架后端来处理发布的数据。

我面临的挑战是，在我点击“提交”成功发布数据后，表单没有重置。

我的观点如下，如下。

<form name="signupForm" ng-submit="signup()" novalidate>
 <div>
   <label for="email">Email</label>
   <input name="email" class="form-control" type="email" id="email" placeholder="Email"
          ng-model="email">
   </div>
 <div>
   <label for="password">Password</label>
   <input name="password" class="form-control" type="password" id="password"
          placeholder="Password" ng-model="password">

 </div>
 <button type="submit" class="btn btn-primary">Sign up!</button>
</form>

我的 Angular Controller 如下

angular.module('clientApp')
   .controller('SignupCtrl', function ($scope, $http, $log) {
     $scope.signup = function() {
       var payload = {
         email : $scope.email,
         password : $scope.password
       };

       $http.post('app/signup', payload)
           .success(function(data) {
             $log.debug(data);
           });
     };
   });

我使用的是 Chrome 浏览器。单击提交后如何清除电子邮件和密码字段？

Answer 1

将 $scope.email 和 $scope.password 设置为 null，例如

$http.post('app/signup', payload)
   .success(function(data) {
     $log.debug(data);

      $scope.email = null;
      $scope.password = null;
      $scope.signupForm.$setPristine(); //Set form to pristine mode
   });