javascript - 如何在angularjs中获取修改后的对象

Question

我有一个要求，我需要在对象中单独发送修改后的值。

以下是我的目标:

{
     "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-repeat 来显示具有输入字段的数据。现在，如果我修改该位置对象中的位置 1。我只想发送位置 1 的详细信息。

是否可以在 Angular 中做到这一点？我是 Angular 新手。

Answer 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>