javascript - Angular REST 数据未在 View 中正确显示

Question

这是 Angular 应用程序:

app.controller("AppCtrl", function ($scope, $http, $q) {

$q.all([
$http.get('http://private-bc4b97-commutertransport.apiary-mock.com/bus'),
$http.get('http://private-bc4b97-commutertransport.apiary-mock.com/otm')
 ]).then(function(results) {
 $scope.network = results[0].data;
 $scope.data = results[1].data

})

});

HTML:

<div class="main" ng-controller="AppCtrl">
<h1>{{network.test1}}</h1>
<h1>{{data.test2}}</h1>
</div> 

以及基本的 JSON(当然，彼此的 URL 不同):

"test1" : "first test",
"test2" : "second test",

现在控制台显示 HTTP 已成功调用，但数据未显示在 View 中...不太确定出了什么问题？

控制台日志屏幕:

Answer 1

尝试在控制台中记录您的响应；根据我使用 Angular 的 $http 服务的经验(当使用 .then 方法时)，响应数据被包装在响应对象中，并在该对象的 data 属性中返回:

$scope.network = results[0].data;
$scope.data = results[1].data;