Binding data after an AJAX call with AngularJS

Question

In angular after making a GET request I have to do the following to match up all the values up.

 promise.then(function(object){

  $scope.name = object.name
  $scope.domain = object.domain
  etc

})

There must be a better way to do this so I don't have to hardcode all the values i.e.

$scope = object

or maybe a loop that matches them?

tymeJV · Accepted Answer · 2014-01-02 15:06:35Z

1

Yes, just assign that entire object to a $scope variable:

$scope.myObject = object;

Then reference in code {{myObject.name}} and so on.

Or, if you want to loop:

for (var key in object) {
    $scope[key] = object[key];
}

edited Jan 2, 2014 at 15:06

answered Jan 2, 2014 at 14:56

tymeJV

105k14 gold badges165 silver badges158 bronze badges

Sign up to request clarification or add additional context in comments.

4 Comments

Prometheus Over a year ago

Is there not a way to do this without having to reference it inside another object. I would like to continue to use $scope.name, $scope.domain not $scope.myobject.name etc

Prometheus Over a year ago

can you not loop and assign the key values back somehow?

tymeJV Over a year ago

You can...Ill post an example of looping

Prometheus Over a year ago

thats the baby! thanks I could see that in my head but being new to this I was unsure. again thanks.

Collectives™ on Stack Overflow

Binding data after an AJAX call with AngularJS

1 Answer 1

4 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

4 Comments

Your Answer

Sign up or log in

Post as a guest

Related