Angularjs:ng-model binding doesn't work after the first AJAX request
<p>I am making a post request via angularjs.</p>

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

<p><strong>controller</strong></p>

<pre><code>$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=[];
     })
}
</code></pre>

<p>Once the data processed successfully clear the old form data <code>$scope.hotel=[]</code></p>

<p>But when i resubmit the form with some values it can't read i will get <code>undefiend</code> </p>

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

<p>Note:
On the first time post request and response is success ,but can't do after that</p>