如何从Angularjs模块中调用JSON文件

我是AngularJS中的新成员。我有一个需要调用并阅读json文件的情况。这里是我的代码如何从Angularjs模块中调用JSON文件

<!DOCTYPE html> 
    <html> 
    <head> 
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.0.7/angular.min.js"></script> 
    </head> 
    <body> 
    <div ng-app="myApp" ng-controller="myCtrl"> 
    <ul> 
     <li ng-repeat="todo in todos"> 
     {{todo.text}} - <em>{{todo.done}}</em> 
     </li> 
    </ul> 
    </div> 
    <script> 
    var app = angular.module("myApp", []); 
    app.controller("myCtrl", function($scope, $http) { 
     $http.get('todos.json').success (function(data){ 
      $scope.todos = data; 
     }); 
    }); 
    </script> 
    </body> 
    </html>

此代码在Firefox中运行良好，但在Chrome中无法运行。请帮助我..

来源

2014-08-29 Subho

是否有任何失败信息？什么不工作？ – Patrick 2014-08-29 09:23:16

没有错误信息即将到来。但是当我去控制台然后有一个错误消息 - XMLHttpRequest无法加载文件：/// C：/Users/USER/Desktop/todos.json。收到无效回复。因此不允许原产地'null'访问。 – Subho 2014-08-29 09:32:44

@Subho似乎你需要使用网络服务器，Chrome不允许来自本地或'file：//'资源的请求。请参阅http://stackoverflow.com/questions/4208530/xmlhttprequest-origin-null-is-not-allowed-access-control-allow-origin-for-file – khakiout 2014-08-29 09:45:13

Chrome不允许来自本地或file：//资源的请求，您可以使用Safari浏览器处理此事或使用Xampp（计算机上的服务器环境）。如果你想在chrome上运行你的角度站点，那么你需要在你的cmd中去到chrome所在的文件夹并键入。（请确保Chrome关闭，当你做到这一点）

的chrome.exe - 禁用网络安全

你在哪里都将铬安装在您的系统。：）希望能帮助到你。

来源

2016-02-15 16:57:41

如何从Angularjs模块中调用JSON文件

回答

相关问题