javascript - Angularjs:ng-model 绑定(bind)在第一个 AJAX 请求后不起作用

Question

我正在通过 angularjs 发出一个 post 请求。

<input class="form-control"  ng-model="hotel.hotel_name" type="text">
 <input class="form-control"  ng-model="hotel.hotel_loc" type="text">
 <input type="button" value="Submit" name="Submit" ng-click="addHotel(hotel)" class="btn btn-sm btn-primary">

控制者

$scope.addHotel=function(hotel){
   $http({
          method:"POST",
          data:{'hotel':hotel},
          url:base_url+'operator/hotel/add_hotel'
      }).then(function serverResponse(response){
          //clear the old form data
          $scope.hotel=[];
     })
}

一旦数据处理成功清除旧表单数据$scope.hotel=[]

但是当我重新提交带有一些无法读取的值的表单时，我将得到 undefiend

$scope.addHotel=function(hotel){
   //undefiend
   console.log(hotel);
  }

注意:第一次post请求响应成功，之后就不行了

Answer 1

您正在将 hotel 设置为 array。您应该将其设置为 object。

$http({
      method:"POST",
      data:{'hotel':hotel},
      url:base_url+'operator/hotel/add_hotel'
  }).then(function serverResponse(response){
      //clear the old form data
      $scope.hotel={};   //this is what you should do
 });

或者设置为空字符串。

$scope.hotel.hotel_name = '';
$scope.hotel.hotel_loc = '';