在离子上使用角度绑定不起作用

时间:2017-09-01 11:37:29

标签: angularjs ionic-framework

我使用角度来填充可以编辑的表单。但是范围变量没有捕获编辑内容。

这是我的代码:

HTML code:

<div class="list">
  <label class="item item-input">
    <span class="input-label">Name</span>
    <span>{{name}}</span>
  </label>
  <label class="item item-input">
    <span class="input-label">Locality</span>
    <span>{{locality}}</span>
  </label>
  <label class="item item-input">
    <span class="input-label">City</span>
    <span>{{city}}</span>
  </label>
  <label class="item item-input">
    <span class="input-label">Amenities</span>
    <input type="text" placeholder="Amenities" ng-model="amenities">
  </label>
  <label class="item item-input">
    <span class="input-label">Total Rooms</span>
    <input type="text" placeholder="Total Rooms" ng-model="trooms">
  </label>
</div>
<div class="text-center">
  <button class="button button-positive" ng-click="hotelUpdate()">
    Save Edits
  </button>
</div>

hotelUpdate():

$scope.hotelUpdate = function() {

  var hotel1 = {
    objectId: $state.params.hotelId,
    amenities: $scope.amenities,
    free_rooms: $scope.frooms,
    total_rooms: $scope.trooms
  }
  Backendless.Data.of( "Hotels" ).save(hotel1)
    .then(function(savedObject){
      console.log(savedObject);
    })
    .catch(function(error){
      console.log(error);
    })
}
}

代码有问题吗?以前以相同的方式使用绑定,它工作正常。

1 个答案:

答案 0 :(得分:0)

在函数cal之前,声明范围变量HttpClient.get()

在HTML代码中,更改ng-model,如ng-model =&#34; hotel.amenities&#34;,

在控制器中,将代码更改为

$scope.hotel = {}

}