Adding an json-object to the the angular-model?

Question

I'm testing out angular for the first time. In javascript I have a json-object. How do I make it available to use in my angular template?

Angular use regular objects. Assigning it to a scope property will work out of the box. You should have a look at AngularJS Tutorial and Developer Guide. — Simon Belanger
– Simon Belanger, Commented Aug 21, 2013 at 12:43

AlwaysALearner · Accepted Answer · 2013-08-21 12:41:37Z

1

Firstly your json-object needs to be in the scope of a controller:

$scope.obj = /* some data */

And inside the HTML, simply refer to it as obj. For example to iterate over it:

<div ng-repeat="(key,value) in obj"></div>

answered Aug 21, 2013 at 12:41

AlwaysALearner

43.9k9 gold badges98 silver badges78 bronze badges

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

Comments

Christoph · Accepted Answer · 2013-08-21 12:45:24Z

0

Angular comes with a angular.fromJson(jsonData) method that you can use to transform your JSONdata into a JavaScript object.

Then you just need to expose it on a scope like:

$scope.myData = angular.fromJson(jsonData);

Now you are free to use it in your templates:

<div>{{myData.someProperty}}</div>

answered Aug 21, 2013 at 12:45

Christoph

28.4k33 gold badges104 silver badges136 bronze badges