访问Angular.js中的JSON文件

Question

我想通过使用以下代码访问angular.js中的json文件,但由于下面提到的错误,我无法访问代码.帮助将不胜感激.!!

模块:

angular.module("demoApp", ['demoApp.factory','demoApp.controllers']);

厂:

angular.module('demoApp.factory', []).
factory('getJsonDataFactory',function($http){
    return{
    getData : function() {
        return $http.get('mapData.json');
    }
 }
});

控制器:

angular.module('demoApp.controllers', []).
  controller('GetJsonController', function($scope,$http,getJsonDataFactory) {
              $scope.markers = [];  
              getJsonDataFactory.getData().success(function(data){
                $scope.photos=data;
            });
        });

错误:在Firefox中:

 "Access to restricted URI denied" code: "1012"


return logFn.apply(console, args)

在Chrome中:`

Origin null is not allowed by Access-Control-Allow-Origin.

Answer 1

事实上,我认为你没有服务器.

所以,你通过file://协议得到你的应用程序.

但出于安全原因,file://协议无法执行http get方法.

为了解决你的问题,我建议你把你的应用程序放在一个简单的Web服务器上(比如Apache,wamp,xamp,lamp等)或者更好地使用grunt来构建你的应用程序并通过node.js在测试服务器上运行它.