Question

JSON数据包含一系列问题，我试图在html中显示这些问题。我使用ng-repeat来循环JSON数据，例如ng-repeat="q in response"并尝试打印

在chrome中执行，但数据不会出现。

questionaire.json

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

Answer 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>

OR

在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>

Answer 2

[你需要清除身体标签

<body ng-app="myApp">

到

<body>

] 1

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

2 个答案: