如何在 HTML 中显示 JSON 文件数据？角js答案

【问题标题】：How to display JSON file data in HTML ? Angular js如何在 HTML 中显示 JSON 文件数据？角js
【发布时间】：2017-01-14 07:02:40
【问题描述】：

JSON 数据包含我试图在 html 中显示的问题的集合。我使用 ng-repeat 循环 JSON 数据，如 ng-repeat="q in response" 并尝试像

一样打印

在 chrome 中执行，但数据不来。

questionaire.json

{
    "questionaire":{
        "q1":"questionaire1 ",
        "q2":"questionaire2",
        "q3":"questionaire3"
    }
}

【问题讨论】：

html 和角码：jsfiddle.net/mrajcok/7MhLd
您的示例运行良好。推荐MCVE。
不工作先生，请帮助我jsfiddle.net/mrajcok/7MhLd
您只能将 ng-repeat 用于 Arrays 而不能用于 json。你想展示什么数据，在问题中分享完整的数据
你的小提琴工作正常。究竟是什么问题？

标签： javascript jquery html angularjs json

【解决方案1】：

在您的角度控制器中，

$scope.json_data_sample = {

"questionaire":{
    "q1":"questionaire1 ",
    "q2":"questionaire2",
    "q3":"questionaire3"
}
};

在您的 html 视图中，

<div>{{json_data_sample.questionaire.q1}}</div>
<div>{{json_data_sample.questionaire.q2}}</div>
<div>{{json_data_sample.questionaire.q3}}</div>

或

在 HTML 视图中

<div ng-repeat= "json_item in json_data_sample">
  <div>{{json_item.q1}}</div>
   <div>{{json_item.q2}}</div>
    <div>{{json_item.q3}}</div>
  </div>

【讨论】：

控制器内部的 json 对象是 thete，但我创建了单独的 json 文件文件名是 en_us.json 但是在控制器中加载但浏览器不来
上面的代码仍然没有出现，并且还更新了 jsfiddle 你可以查看jsfiddle.net/7MhLd/2349
如果您从 body 标签中删除 ng-app，小提琴将按预期工作。
是的，我删除了，但它仍然没有出现，你能在 jsfiddle 中给我看吗
我说的是<body>标签。默认是隐藏的，点击HTML按钮。

【解决方案2】：

[你需要清除Body标签

<body ng-app="myApp">

到

<body>

【讨论】：