我有一个非常简单的表单,其中包含几个输入字段。这是一个:

            <label class="item item-input item-stacked-label">
                <span class="input-label">First Name</span>
                <input type="text" ng-model="signInData.firstName" placeholder="">
            </label>

当我提交表单并从 AJAX 请求返回 true 时,我只想清空输入字段,但它不起作用。我可能错过了一些简单的东西..

这是我试图清空的 Controller 代码:
        $scope.signInData.firstName = '';

这是从范围清空模型,我可以看到这是因为我正在控制台记录范围对象,但它只是没有清空值。

我在谷歌上搜索了一段时间,看到了 $setPristine 方法等,但这些都不起作用。

编辑
    $http({
      url: 'sign_in_app',
      method: 'POST',
      data: {'firstName': signInData.firstName}
    }).then(function(response) {
      if(response.data.response == 'error'){
        $scope.errorSignIn = 'Sorry, there was an error signing in.';
      }else{
        $scope.errorSignIn = null;
        $scope.signInData.firstName = '';
        $scope.signInForm = null;
      }
    }

编辑 - 表格
    <form ng-submit="signIn(signInData)" id="signInForm" name="signInForm">
        <div ng-bind-html="errorSignIn" class="center error"></div>
        <div class="list">
            <label class="item item-input item-stacked-label">
                <span class="input-label">First Name</span>
                <input type="text" ng-model="signInData.firstName" placeholder="">
            </label>

            <label class="item">
              <button class="button button-full button" type="submit">Sign in</button>
            </label>
         </div>
     </form>

编辑 3 - 更新的 HTTP 调用
    $http({
      url: '/sign_in/sign_in_app',
      method: 'POST',
      data: {'firstName': $scope.signInData.firstName, 'lastName': $scope.signInData.lastName}
    }).then(function(response) {
      if(response.data.response == 'error'){
        $scope.errorSignIn = 'Sorry, there was an error signing in.';
      }else{
        $scope.errorSignIn = null;
        $scope.signInData.firstName = '';
        $scope.signInForm = null;
      }

    }

最佳答案

试试这个:从 signInData 中删除 ng-submit ,改变你的 $scope.signIn() 方法不再需要它,使用 $scope.signInData 对象来设置你的 $http 调用的所有值(顺便说一句,它可能应该在一个服务中以保持你的 Controller 更干净并遵循典型的 Angular 设计模式),然后查看是否仍然存在表单输入未被清除的问题。

我的怀疑是,因为您从那时起传递 signInData,所以您开始对范围对象的副本进行操作,这就是为什么清除属性的行为不像您期望的那样。

关于angularjs - 使用 ng-model 时,Angular JS 从 Controller 清空表单输入字段,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/36020336/

10-11 23:45