在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在测试服务器上运行