Question

我是angularjs的新手，我正在对角度控制器和模型进行简单的研究。这是我的javascript模型代码。

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

testApp.controller('testCtrl', function testCtrl($scope ,$http) {

  $http.get('test.json').success(function ($data){

   $scope.artists = $data;

  });

});

网页已加载，但出现异常。我在Windows 7中使用firefox。

[例外......“访问受限制的URI被拒绝”代码：“1012”nsresult：“0x805303f4＆gt;。＆gt;（NS_ERROR_DOM_BAD_URI）”location：“file：///....// angular.min .js行：72“]

有人知道解决方案吗？我不需要在服务器上制作它只需要使用本地机器..

Answer 1

您必须对角度控制器语法进行微调。

testApp = angular.module('testApp', []);
testApp.controller('testCtrl', function($scope, $http) {
    $http.get('test.json').success(function($data) {
       $scope.artists = $data;
    });
});

Answer 2

正如上面的评论中已经提到的，这可能是由于Firefox的安全性导致您的代码无法访问本地文件系统中的文件。

您可以通过更改浏览器的配置来配置Firefox以访问本地内容。

在Firefox中：

转到about：config
查找security.fileuri.strict_origin_policy参数
将其设为false

Answer 3

通过禁用网络证券在Chrome中检查一次，如果发生相同的错误，则json文件的网址可能存在问题。

浏览How can I load a local json file?

您可能会发现问题所在。

json文件未加载到浏览器

3 个答案: