使用$ http服务，找不到数据

Question

这是我的代码 -

var app = angular.module('chartApp', []);

app.controller('artistCtrl', ['$scope', '$http', function($scope, $http) {
    $scope.artists = 
    $http({
        method: 'GET',
        url: 'http://ws.audioscrobbler.com/2.0/?method=chart.gettopartists',
        params: {api_key: 'e8452c5962aafbb3e87c66e4aaaf5cbf', format: 'json'}
    }).success(function(result) {
        return result.data;
    });
    console.log($scope.artists);
}]);

如何从json文件中查看原始数据？

Answer 1

将赋值语句移动到成功块中：

.success(function(result) {
    $scope.artists = result.data;
})

此外，需要注意的另一件事是console.log($scope.artists)块后面的$http语句仍然会打印undefined，因为它是在解析承诺之前执行的。

Answer 2

试试这个会起作用：

var app = angular.module('chartApp', []);

app.controller('artistCtrl', ['$scope', '$http', function($scope, $http) {
    $scope.artists = 
    $http({
        method: 'GET',
        url: 'http://ws.audioscrobbler.com/2.0/?method=chart.gettopartists',
        params: {api_key: 'e8452c5962aafbb3e87c66e4aaaf5cbf', format: 'json'}
    }).success(function(result) {
        $scope.artists = result.data;
    }).error(function(msg) {
        $scope.err = msg;
    });
}]);