2017-06-12 56 views
0

我有一個需求,我需要在對象中單獨發送修改後的值。如何在angularjs中獲取修改後的對象

以下是我的對象:

{ 
    "Code": 200, 
    "ErrorMessage": null, 
    "Result": { 
     "Locations": [{ 
      "LocationName": "Location 1", 
      "Address": "XYZ", 
      "City": "Houston", 
      "State": "TEXAS", 
      "StateCode": "TX", 
      "Zipcode": "75201" 
     }, 
     { 
      "LocationName": "Location 2", 
      "Address": "ABC", 
      "City": "Germantown", 
      "State": "CALIFORNIA", 
      "StateCode": "CA", 
      "Zipcode": "90001" 
     }] 
    } 
} 

我用NG-重複序來顯示數據具有輸入字段。現在,如果我在該位置對象中修改位置1。我只想發送位置1的詳細信息。

是否有可能在Angular中做到這一點。我對角度很陌生。

+3

是的,這是可能的。請[編輯]你的問題,並告訴我們你的嘗試。謝謝 –

+0

我沒有試過任何東西。我不知道第一個進行的方式 – user1268130

+1

如果你正在重複,那麼你可以將對象傳遞給控制器​​,如下所示:'

' - 這是繼續執行 –

回答

1

可以使用ng-change得到修改的對象

angular.module("app",[]) 
 
.controller("ctrl",function($scope){ 
 

 
$scope.changeItem = function(item){ 
 
    console.log(item.LocationName) 
 
} 
 

 
$scope.items = { 
 
    "Code": 200, 
 
    "ErrorMessage": null, 
 
    "Result": { 
 
     "Locations": [{ 
 
      "LocationName": "Location 1", 
 
      "Address": "XYZ", 
 
      "City": "Houston", 
 
      "State": "TEXAS", 
 
      "StateCode": "TX", 
 
      "Zipcode": "75201" 
 
     }, 
 
     { 
 
      "LocationName": "Location 2", 
 
      "Address": "ABC", 
 
      "City": "Germantown", 
 
      "State": "CALIFORNIA", 
 
      "StateCode": "CA", 
 
      "Zipcode": "90001" 
 
     }] 
 
    } 
 
} 
 
})
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.22/angular.min.js"></script> 
 
<div ng-app="app" ng-controller="ctrl"> 
 
<div ng-repeat="item in items.Result.Locations"> 
 
    <input ng-model="item.LocationName" ng-change="changeItem(item)"/> 
 
</div> 
 
</div>

相關問題