在AngularJS中从JSON动态创建模板

Question

我在AngularApp中解析或读取JSON文件。我想为JSON文件中的每个对象创建一个模板，然后在我的应用程序中加载“previous”和“next”。

所以我有一个JSON文件，例如：

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

所以我想创建一个名为“template1”和“template2”的模板。

我从Angular开始，所以我不需要一个完整的解决方法，我需要在哪里深入挖掘？

1. 我为我的应用创建了一个控制器
2. 然后我创建了一个注入控制器的jsonService
3. 现在我有了JSON数据

但是呢？我必须创建指令吗？以及如何将它们加载到我的主页？使用data-ng-view？

Answer 1

请参阅此示例，该示例将为您提供如何迭代json并呈现为html的示例：

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

Answer 2

感谢@Nikos这种可能性。我发现了一个更简单的灵魂：

我在每个div中硬编码ng-switch on="option"然后ng-switch-when="optionN"，因此我可以动态调整一个模板以适应所有选项。