2017-06-12 6 views
0

私は、オブジェクトに変更された値だけを送信する必要があるという要件があります。入力フィールドを持つデータを表示する順序どおり、私はNGリピートを使用anglejsで修正されたオブジェクトを取得する方法

{ 
    "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" 
     }] 
    } 
} 

以下は、私のオブジェクトです。ここで、LocationsオブジェクトでLocation 1を変更した場合。私は場所1の詳細だけを送信したい。

これはAngularで可能ですか?私は新しい角度になっています。

+3

を取得するためにng-changeを使用することができます。あなたの質問を[編集]し、あなたが試したことを私たちに教えてください。ありがとうございます –

+0

私は何も試していませんでした。私は先に進める方法を知らない – user1268130

+1

あなたがng repeatにいるなら、次のようにオブジェクトをコントローラーに渡すことができます: '

' - これは進歩する最初のステップです –

答えて

1

あなたははい、それは可能です変更されたオブジェクト

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>

関連する問題