Question

我想通过Angular的内置服务$ http.But读取一个json文件，该页面给出了一个错误说＆＃34;错误：执行失败＆＃39;发送＆＃39 ; on＆＃39; XMLHttpRequest＆＃39;：无法加载各自的json文件＆＃34;。

这是我的代码：

angularExample.html

<!DOCTYPE html>
<html ng-app="Fino">
  <head>
    <link rel="stylesheet" type="text/css" href="scripts/bootstrap.min.css" />
    <script type="text/javascript" src="scripts/angular.min.js"></script>
    <script type="text/javascript" src="scripts/app.js"></script>
  </head>
  <body ng-controller="FinController as fin">

  <ul ng-repeat="emp in fin.employees" >
  <li>Name:{{emp.name}}</li>
  <li>Age:{{emp.age}}</li> 
  </ul> 

  </body>
</html>

app.js

var app=angular.module("Fino",[]);

app.controller('FinController',['$http',function($http){
    var store=this;
    $http.get('emp.json').success(function(data){
        store.employees=data;
    });
}]);

emp.json

[

            {name:'abc',age:27},
            {name:'bcd',age:24},
            {name:'efg',age:22}
    ];

错误快照：

enter image description here

Answer 1

正如@Puneetsri所说，最好的选择是在Web服务器上托管您的文件。否则，请尝试使用以下标记

启动应用程序

chrome.exe --allow-file-access-from-files

Angular JS：无法执行＆＃39;发送＆＃39; on＆＃39; XMLHttpRequest＆＃39;

1 个答案: