Angular REST数据未正确显示在视图中

时间:2015-07-17 00:22:14

标签: javascript angularjs rest

以下是Angular app:

app.controller(“AppCtrl”,函数($ 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被成功调用但数据未在视图中显示...不确定是什么错误?

控制台日志屏幕:
enter image description here

enter image description here

1 个答案:

答案 0 :(得分:0)

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

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