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构建应用程序并在测试服务器上通过节点运行它。 JS

访问Angular.js中的JSON文件

1 个答案: