로컬 JSON 파일에서 angularjs로 데이터 가져오기

로컬 JSON 파일에서 angularjs로 데이터 가져오기

로컬 머신에 있는 JSON 파일에서 데이터를 가져오려고 합니다.하지만 저는 데이터를 받을 수가 없습니다.$http에 대한 교차 도메인 오류를 표시하고 있습니다.

여기 제 코드가 있습니다.

angular.module('myApp',[])
  .controller('myCtrl', function ($scope, webtest) {
     webtest.fetch().then(function (data) {
         $scope.accounttype = data;
     })
});

.factory('webtest', function($q, $timeout, $http) {
    var Webtest = {
        fetch: function(callback) {
            return $timeout(function() {
                return $http.get('webtest.json')
                .then(function(response) {
                      return response.data;
                });
            }, 30);
         }
    };
    return Webtest;
}); 

로컬 JSON 파일에서 데이터를 표시하는 방법을 도와줄 사람?미리 감사드립니다.

아주 간단해요.

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

참조: http://stackoverflow.com/questions/21589340/read-local-file-in-angularjs

"$http: not defined"와 같은 오류 메시지가 있지 않습니까?

컨트롤러로 시도해봤는데 작동이 되네요.

var ngApp = angular.module("ngApp", []);

ngApp.controller('myController', ['$http', function($http){
  var thisCtrl = this;

  this.getData = function () {
  this.route = 'webtest.json';
  $http.get(thisCtrl.route)
    .success(function(data){
      console.log(data);
    })
    .error(function(data){
      console.log("Error getting data from " + thisCtrl.route);
    });  
  }
}]);

사용하지 않았다면 웹 개발자 도구(firefox의 Ctrl+Shift+I)를 사용합니다.

아직 안 하셨으면.응용프로그램에 대한 교차 도메인 정책을 설정해 봅니다.

언급URL : https://stackoverflow.com/questions/33753035/fetching-data-from-local-json-file-in-angularjs