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

Javascript 如何从Angularjs模块调用JSON文件,javascript,angularjs,http,angularjs-scope,Javascript,Angularjs,Http,Angularjs Scope,我是新来安格拉斯的。我需要调用并读取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-ap

我是新来安格拉斯的。我需要调用并读取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中运行不好。请帮助我。

Chrome不允许来自本地或文件的请求://resources,您可以使用Safari解决此问题,或者在您的计算机上使用Xampp服务器环境。如果你想在chrome上运行你的angular站点,那么你需要进入你的cmd,进入chrome所在的文件夹并键入。执行此操作时,请确保Chrome已关闭

chrome.exe-禁用web安全


系统中安装chrome的位置:希望有帮助。

是否有任何失败消息?什么东西不起作用?没有错误消息。但当我转到控制台时,出现了一条错误消息——XMLHttpRequest无法加载file:///C:/Users/USER/Desktop/todos.json. 收到无效的响应。因此,不允许访问源“null”。@Subho您似乎需要使用Web服务器,Chrome不允许从本地或本地服务器请求file://resources. 请参阅您是否可以尝试通过web服务器打开您的文件。Chrome不允许AJAX请求文件:///URL。试着像这样打开它http://localhost/PathToYourFile. 您需要将文件复制到应用程序中,才能通过WebServer.yup获取文件。。当我尝试从Netbeans或Eclipse运行此代码时,它是有效的。我需要更改代码中的任何内容吗??谢谢大家的合作。