你好,我是 AngularJS 的新手。我开始于本教程。在教程中$http.get
方法正在调用 JSON 文件。就我而言,我总是收到 404 错误。 JSON 文件的位置也与 HTML 文件相关。但总是遇到同样的错误。
这是我的代码:
索引.html:
<!doctype html>
<html lang="en" ng-app>
<head>
<meta charset="utf-8">
<title>My HTML File</title>
<script src="angular.js"></script>
<script src="controllers.js"></script>
</head>
<body ng-controller="PhoneListCtrl">
Total Number of phones: {{phones.length}}
Search: <input ng-model="query">
Sort by:
<select ng-model="orderProp">
<option value="name">Alphabetical</option>
<option value="age">Newest</option>
</select>
<div>
<ul>
<li ng-repeat="phone in phones | filter:query | orderBy:orderProp">
{{phone.name}}
<p>{{phone.snippet}}</p>
</li>
</ul>
</div>
</body>
</html>
控制器.js
function PhoneListCtrl($scope, $http) {
$http.get('phones.json').success(function(data){
$scope.phones = data;
}).
error(function(data, status, headers, config) {
alert('data = ' + data + ' status = ' + status);
});
}
同一目录中的所有文件(index.html、controllers.js、phones.json)。我在这里缺少什么?为什么会抛出 404 错误?
Below is the attached screenshot of browser:
1
文件是否位于同一目录中并不重要。您需要一台服务器来托管文件并响应 GET、POST PUT 和其他 http 请求。
本教程的第一步要求您设置服务器。请参阅标题为“使用代码”的部分tutorial。请参阅该步骤的评论/讨论,以获取有关设置服务器的更多信息。
如果nodeJs看起来太难用,那么一个简单的Python服务器也可以。您也可以使用 Apache / WAMP / XAMP 服务器。
如果没有设置服务器,您就无法构建本教程中描述的应用程序,因为 http 请求将失败 - 因此 404 错误是显而易见的。
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)