Creating templates dynamically from JSON in AngularJS

Question

I am parsing or reading a JSON file in my AngularApp. I want to create one template for each object inside the JSON file, and then load it with "previous" and "next" in my app.

So i have a JSON file, for example:

{
  "name": "test", 
  "objects":[
    {"one": "text here", "id" : "1" }, 
    {"two": "and text there", "id" : "2" }
  ]
}

So i want to create a template called "template1" and "template2".

I am starting with Angular, so i don't need a whole workaround, just where do i have to dig deeper?

I created a controller for my app
I've then created a jsonService which injectes the controller
Now i have the JSON data

But what then? Do i have to create Directives? And how to load them into my main-page? With data-ng-view?

Nikos · Accepted Answer · 2013-12-17 14:42:13Z

1

See this example which will give you an example of how you can iterate over json and render to html:

https://github.com/eu81273/angular.treeview/blob/master/angular.treeview.js

answered Dec 17, 2013 at 14:42

Nikos

7,60111 gold badges59 silver badges97 bronze badges

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

Comments

ohboy21 · Accepted Answer · 2014-01-07 09:24:54Z

1

Thanks @Nikos for this possibility. I found a much simpler soultion:

I hard coded a ng-switch on="option" and then a ng-switch-when="optionN" in each div, so i can dynamically adjust one template to fit all options.

answered Jan 7, 2014 at 9:24

ohboy21

4,3299 gold badges42 silver badges74 bronze badges

Collectives™ on Stack Overflow

Creating templates dynamically from JSON in AngularJS

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related