How to get the modified object in angularjs

Question

I have a requirement where I need to send modified value alone in the object.

Following is my object:

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

I used ng-repeat inorder to display data which has input fields. Now If I modify Location 1 in that Locations Object. I want to send only Location 1 details.

Is it possible to do that in Angular. I am new to angular.

Yes, it's possible. Please edit your question and show us what you tried. Thank you — Alon Eitan
– Alon Eitan, Commented Jun 12, 2017 at 12:22
I didn't tried anything. I don't know the way first to proceed — user1268130
– user1268130, Commented Jun 12, 2017 at 12:27
If you're in ng repeat, then you can pass the object to the controller, like this: <div ng-repeat="location in data.Result.Locations"> <button ng-click="save(location)"></button> </div> - This is the first step to proceed — Alon Eitan
– Alon Eitan, Commented Jun 12, 2017 at 12:30

Sachila Ranawaka · Accepted Answer · 2017-06-12 12:39:07Z

you can use ng-change to get the modified object

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>

Collectives™ on Stack Overflow

How to get the modified object in angularjs

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related