Я работаю с Книгой pro angularjs, чтобы изучать угловой, но довольно рано наткнулся: я не могу получить данные из файла json для отображения. Вот HTML-код:
<!DOCTYPE html>
<html ng-app="demo">
<head>
<title>Example</title>
<script src="angular.js"></script>
<link href="bootstrap.css" rel="stylesheet" />
<link href="bootstrap-theme.css" rel="stylesheet" />
<script type="text/javascript">
var myApp = angular.module("demo", []);
myApp.controller("demoCtrl", function($scope, $http) {
var promise = $http.get("todo.json");
promise.success(function(data) {
$scope.todos = data;
});
});
</script>
</head>
<body ng-controller="demoCtrl">
<div class="panel">
<h1>To Do</h1>
<table class="table">
<tr><td>Action</td><td>Done</td></tr>
<tr ng-repeat="item in todos">
<td>{{item.action}}</td>
<td>{{item.done}}</td>
</tr>
</table>
</div>
</body>
</html>
А вот файл json:
[{ "action": "Buy Flowers", "done": false },
{ "action": "Get Shoes", "done": false },
{ "action": "Collect Tickets", "done": true },
{ "action": "Call Joe", "done": false }]
Таблица отображается без содержимого.
Я прочитал, что .success устарел и вместо него используется .then, вот так:
<script type="text/javascript">
var myApp = angular.module("demo", []);
myApp.controller("demoCtrl", function($scope, $http) {
var promise = $http.get("todo.json");
promise.then(function(data) {
$scope.todos = data;
}, function() {
alert('No Todos');
});
});
</script>
Теперь в моей таблице 6 пустых строк. Пожалуйста, помогите:)