Есть json файл с данными. надо вытянуть из него данные и отобразить в таблице план мероприятий. есть код:
json
Запрос с сервера доходит, ошибок в файле 0. Но данные не отображаются в html файле.
Со статусом xhr 200
Есть json файл с данными. надо вытянуть из него данные и отобразить в таблице план мероприятий. есть код:
json
{
"sessions":[
{"time" : "10:00", "title":"wex", "detail":"lorem ipusm"}
{"time" : "13:00", "title":"fex", "detail":"lorem"}
{"time" : "15:00", "title":"exe", "detail":"ipusm"}
]
}
<code>
сам js controller
var app = angular.module('myApp', []);
app.controller('tableCtrl', function ($scope, $http) {
$http.get("items.json")
.then(function success(response){
$scope.sessions = response.data;
}, function error(response){
console.log('error')
});
});
и шаблон, где отобразить данные
<!DOCTYPE html>
<html lang="ru" ng-app="myApp">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="style.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.8.3/angular.min.js"></script>
<script src="itemsPlansJS.js"></script>
<title>ApiDocx</title>
</head>
<body>
<div class="planEventsContainer">
<div class="planEventsRow">
<div class="planEventsContent">
<h1>Программа мероприятия</h1>
<div class="planEventsContentRow">
<table>
<tr>
<th>Время</th>
<th>Название</th>
<th>Описание</th>
</tr>
<tr ng-repeat="session in sessions">
<td>{{ session.time }}</td>
<td>{{ session.title }}</td>
<td>{{ session.detail }}</td>
</tr>
</table>
</div>
</div>
</div>
</div>
</body>
Запрос с сервера доходит, ошибок в файле 0. Но данные не отображаются в html файле.
Со статусом xhr 200
Сама фотография просмтора отладки -
<img>
<img src="https://habrastorage.org/webt/65/01/5d/65015d7975575597883565.png" alt="image"/>
</img>
Средний
Средний
Средний
