不使用成功方法使用$ http.get從json-angularjs調用獲取json數據到外部URL

Question

Controller.js文件代碼：

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

myApp.controller('myController', function($scope,$http){

    $http.get('data.json').success(function(data){
        $scope.art=data;
    }); 
});

Answer 1

您必須將響應分配給$scope.art

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

myApp.controller('myController', function($scope,$http){

    $http.get('data.json').success(function(response){
        $scope.art=response;
    }); 
});

注意 ：不推薦使用的.success和.error方法已從AngularJS 1.6中刪除

使用.then

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

myApp.controller('myController', function($scope,$http){

    $http.get('data.json').then(function(response){
        $scope.art=response.data;
    }); 
});

Answer 2

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

myApp.controller('myController', function($scope,$http){

    $http.get('data.json').then(function(response){
        $scope.art=response.data;
    }); 
});

嘗試以上。 可能有幫助！！