Bindung funktioniert nicht mit Winkel auf Ionic

Question

Ich benutze eckig, um ein Formular zu füllen, das bearbeitet werden kann. Die Änderungen werden jedoch nicht von den Bereichsvariablen erfasst.

Hier ist mein Code:

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); 
    }) 
} 
} 

Gibt es etwas falsch mit dem Code? Bei der vorherigen Verwendung der Bindung hat es funktioniert.

Answer 1

Bevor die Funktion cal, deklariert einen Umfang variable $scope.hotel = {},

In HTML-Code, ändern ng-Modell wie ng-Modell = "hotel.amenities",

In Controller, um den Code ändern

var hotel1 = { 
objectId: $state.params.hotelId, 
amenities: $scope.hotel.amenities, 
free_rooms: $scope.hotel.frooms, 
total_rooms: $scope.hotel.trooms 

}