Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/json/14.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
从AngularJS中的JSON动态创建模板_Json_Angularjs - Fatal编程技术网

从AngularJS中的JSON动态创建模板

从AngularJS中的JSON动态创建模板,json,angularjs,Json,Angularjs,我正在AngularApp中解析或读取JSON文件。我想为JSON文件中的每个对象创建一个模板,然后在我的应用程序中用“上一个”和“下一个”加载它 所以我有一个JSON文件,例如: { "name": "test", "objects":[ {"one": "text here", "id" : "1" }, {"two": "and text there", "id" : "2" } ] } 所以我想创建一个名为“template1”和“template2”的

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

所以我有一个JSON文件,例如:

{
  "name": "test", 
  "objects":[
    {"one": "text here", "id" : "1" }, 
    {"two": "and text there", "id" : "2" }
  ]
}
所以我想创建一个名为“template1”和“template2”的模板

我从Angular开始,所以我不需要一个完整的解决方案,只是我需要在哪里深入挖掘

  • 我为我的应用程序创建了一个控制器
  • 然后我创建了一个注入控制器的jsonService
  • 现在我有了JSON数据

  • 那又怎样呢?我必须创建指令吗?如何将它们加载到我的主页?用数据交换视图

    请参见此示例,它将为您提供一个如何迭代json并呈现为html的示例:


    感谢@Nikos提供这种可能性。我发现了一个更简单的解决方案:

    我在每个div中硬编码了一个
    ng开关on=“option”
    ,然后是
    ng开关when=“optionN”
    ,因此我可以动态调整一个模板以适应所有选项