在 AngularJS 中从 JSON 动态创建模板答案

【问题标题】：Creating templates dynamically from JSON in AngularJS在 AngularJS 中从 JSON 动态创建模板
【发布时间】：2014-01-07 17:24:54
【问题描述】：

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

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

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

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

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

然后呢？我必须创建指令吗？以及如何将它们加载到我的主页中？使用数据-ng-view？

【问题讨论】：

【解决方案1】：

查看这个例子，它会给你一个例子，告诉你如何遍历 json 并渲染到 html：

【讨论】：

【解决方案2】：

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

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

【讨论】：