如何使用 ng-repeat 将 JSON 响应映射到 Html 页面答案

【问题标题】：How to map the JSON response to Html page using ng-repeat如何使用 ng-repeat 将 JSON 响应映射到 Html 页面
【发布时间】：2016-10-26 08:41:47
【问题描述】：

我正在尝试使用 ng-repeat 将 JSON 中收到的数据映射到我的 html 页面，但不知何故它没有在前端生成数据。我的 html 代码如下：

ul ng-repeat="ScheduleData in viewScheduleData"<br/>
li{{ScheduleData.day}}<br/>
  ul<br/>
    li{{ScheduleData.time_start}}/li<br/>
    li{{ScheduleData.time_end}}/li<br/>
  /ul<br/>
  /li <br/>  
/ul<br/>

而我的 scheduleCtrl.js 的代码如下：

        Schedule.viewSchedule($scope.doctorprofile,function(data) {<br/>
                      console.log(JSON.stringify(data));<br/>
                      if (data.ResponseCode == 1) {<br/>
                        console.log("yes in");<br/>
                        $Scope.viewScheduleData = data.Result;<br/>
                      }});

我可以看到你的数据来自 JSON 字符串化

【问题讨论】：

data.result 里面是什么？ + $scope 应该小写
提供json样本
对不起，我得到了答案，这是因为我没有访问 data.Result 中的正确对象，而是试图直接访问元素

标签： javascript jquery html angularjs json

【解决方案1】：

试试这些

Schedule.viewSchedule($scope.doctorprofile,function(data) {
                  if (data.ResponseCode == 1) {
                    $scope.viewScheduleData = data;
                  }});

【讨论】：

【解决方案2】：

$Scope 需要更改为 $scope。 “s”应该很小。你需要这样给出。而 viewScheduleData 应该是一个数组。

<ul> ng-repeat="ScheduleData in viewScheduleData">
  <li>{{ScheduleData.day}}</li>
  <li>{{ScheduleData.time_start}}</li>
  <li>{{ScheduleData.time_end}}</li>
</ul>

【讨论】：