javascript - 如何使用 angularjs 在 ng-repeat 中打印 Json 数据？

Question

如何使用 ng-repeat 在 angularjs 中打印 json 数据。在 ng-repeat 中，我只想打印例如 "data": [{"y":"23","x": "12"}] 请查看 json 数据。但它在 html 中什么也不打印。

演示:http://plnkr.co/edit/zy1C2z39dXuuHDx8eqxK?p=preview

JSON 数据

{"series": [{"meter": "instance", "data": [{"y": 1.0, "x": "2015-07-21T14:21:33"}, {"y": 1.0, "x": "2015-07-22T14:21:34"}, {"y": 1.0, "x": "2015-07-23T14:21:34"}, {"y": 1.0, "x": "2015-07-24T14:23:39"}, {"y": 1.0, "x": "2015-07-25T14:23:39"}, {"y": 1.0, "x": "2015-07-26T02:43:39"}, {"y": 1.0, "x": "2015-07-27T14:24:33"}], "name": "demo", "unit": "instance"}], "settings": {}}

Angularjs

 app.controller('ceilometerCtrl', function($scope, $http) {
 $http.get("http://192.168.206.133:8080/admin/metering")
      .success(function(response) {                    
         $scope.metrics=response.series[0].data;              
       });
 });

HTML

<div ng-controller="ceilometerCtrl">
    <div ng-repeat="metric in metrics">
        Metric: {{metric.x}}
    </div>
</div>

结果没有打印任何内容

Metric:
Metric:
Metric:
Metric:
Metric:
Metric:
Metric:

Answer 1

您需要对代码进行 2 处更改。

1. 由于series是一个数组，更新自

   $scope.metrics=response.series.data;
   

至

$scope.metrics=response.series[0].data;    

x 和 y 是指标的属性。更新自

 Metric: {{metric.data.x}}

至

 Metric: {{metric.x}}