Ошибка 404 в AngularJS
Привет, я новичок в AngularJS. Я начал сэтот урок, В туторале$http.get Метод вызывает файл JSON. В моем случае я всегда получаю 404 Error. Расположение файла JSON также относительно HTML-файла. Но получаю одну и ту же ошибку всегда.
Вот мой код: index.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>
controllers.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 Ошибка?
Ниже приведен скриншот браузера:1
