2017-04-13 162 views
1

我有一些問題,我沒有想法,爲什麼在控制器數據空 有我的HTML數據無法發送到服務器離子V1

<ion-view view-title="Home" <i class="icon ion-iphone"></i> > 
    <ion-content style="background-color:#818181; background-size: cover;"> 
    <ion-item class="row item-text-wrap " > 
     <div class="col" style="height: 300px;padding: 0px" id="map" data-tap-disabled="true"></div> 
    </ion-item><br> 
    <form name="form"> 
    <div class="button-bar"> 
<!-- <select style="background-color:#4d94ff;color: white"> 
     <option>864369038803833</option> 
     <option>864369038783555</option> 
     <option>864369038796698</option> 
     <option>864369038797142</option> 
     <option>864369038816645</option> 
     <option>864369038796946</option> 
    </select>--> 
     <div> 

      <select ng-options="size as size.code for size in sizes " ng-model="item" ng-change="update()"></select> 
      <input type="text" value="{{item.code}}" ng-model="item.code" required/><br> 
      <button class="btn btn-success btn-lg" style="background-color:#4d94ff;color: white" ng-click="rlockbtn()" ng-disabled="form.$invalid" >Lock</button> 
      <button class="btn btn-success btn-lg" style="background-color:#4d94ff;color: white" ng-click="unlock()" >Unlock</button> 
      <button class="btn btn-success btn-lg" style="background-color:#4d94ff;color: white" ng-click="engine()" >Engine Off</button> 
     </div> 

    </div> 
    </form> 
    <div class="button-bar"> 

     <button class="icon ion-ios-location btn btn-success btn-lg" style="background-color:#4d94ff;color: white" ng-click="find()" > Find</button> 
     <button class="icon ion-map btn btn-success btn-lg" style="background-color:#4d94ff;color: white" ng-click="tracking()" > Tracking</button> 
    </div> 
    </ion-content> 
</ion-view> 

我controller.js

.controller('HomeCtrl', function ($scope, kaka, $ionicPopup){ 
    $scope.item ={}; 
       $scope.code = {}; 
       $scope.sizes = [ {code: 123456789, name: 'Modul 1'}, {code: 864369038796946, name: 'Modul 4'}, 
           {code: 864369038803833, name: 'Modul 5'}, {code: 864369038816645, name: 'Modul 6'}, 
           {code: 864369038797142, name: 'Modul 7'}, {code: 864369038796698, name: 'Modul 8'}]; 
       $scope.update = function() { 
        console.log($scope.item.code, $scope.item.name); 
       }; 
      $scope.rlockbtn = function() { 
       kaka.rlock($scope.item.code).success(function (data) { 
        var alertPopup = $ionicPopup.alert({ 
          title: $scope.item.code, 
          template: 'Lock' 
         });      
       }).error(function (data) { 

       }); 
      }; 
}) 

我用HTTP GET用於發送數據到服務器,請幫我

+0

你看到的數據被顯示在$ scope.item.code更新功能裏面? – Sajeetharan

+0

的數據更新功能不顯示,當我刪除更新功能的數據仍顯示在界面 – Nugka

+0

我不明白你在說什麼在$ scope.item.code – Sajeetharan

回答

1

您只需通過SE lected值的函數

<select ng-options="size as size.code for size in sizes " ng-model="item" ng-change="update(item)"></select> 
在控制器

$scope.update = function(selected) { 
    console.log(selected.code, selected.name); 
}; 
+0

它的工作,感謝人 – Nugka

+0

歡迎您 – Sajeetharan