为什么数据没有显示在前端表结构中?

时间:2016-12-28 13:58:48

标签: angularjs json angularjs-ng-repeat

以下是从服务请求获取的示例JSON数据。

 { 
   "sunday": [
    {
      "endTime": "08:50 AM",
      "startTime": "08:00 AM",
      "duration": "50",
      "period": "A"
    },
    {
      "endTime": "08:50 AM",
      "startTime": "08:00 AM",
      "duration": "50",
      "period": "A"
    }
  ]
}

这是我的startTime html代码(当然还有其他值)

 <td ng-repeat="d in data.sunday.startTime track by $index">{{ d }}</td>

控制器代码

      $http.get('https://url')
        .success(function(response){
            $scope.data = response;
            console.log($scope.data);
       });

我试图以表格格式显示数据,但我无法做到。当我控制台时,我可以看到值,但不能在前端表结构中看到。它与JSON结构或我的html有关吗?

这是plunker

6 个答案:

答案 0 :(得分:1)

Vector2[] uvs = new Vector2[vertices.Length]; for(int i = 0; i < vertices.Length; i++) { uvs[i] = new Vector2(vertices[i].x / bounds.size.x, vertices[i].z / bounds.size.z); } mesh.uv = uvs; 是一个字符串,您正在尝试使用ngRepeat对其进行迭代。 data.sunday.startTime是一个可以迭代的数组,并显示。

的内容

示例:

data.sunday

答案 1 :(得分:1)

改变这个:

.span1, .span2 {
    float: left;
    [...]
}

<td ng-repeat="d in data.sunday.startTime track by $index">{{ d }}</td>

会工作。

答案 2 :(得分:0)

你必须这样做:

<td ng-repeat="d in data.sunday track by $index">{{ d.startTime }}</td>

答案 3 :(得分:0)

试试这个:

Activity

答案 4 :(得分:0)

您应该查看x

reduce_mean的属性
data.sunday

以下是您的Planker的工作版本:https://embed.plnkr.co/A4kOM7I0gJVOEoq6zgXT/

答案 5 :(得分:0)

这对你有用。

    <tr ng-repeat="d in data.sunday track by $index">

            <td>{{d.startTime}}</td>
            <td>{{d.endTime}}</td>
            <td>{{d.period}}</td>
            <td>{{d.duration}}</td>
   </tr>

查看我的plunker以供参考

SupportPac MA01