@NsWeFront

Как вытянуть данные из json через angular в html шаблон?

Есть 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>
  • Вопрос задан
  • 237 просмотров
Решения вопроса 1
уберите уровень "sessions": в json - оставьте просто массив из объектов
[
{"time" : "13:00", "title":"fex", "detail":"lorem"}]


в обработчике добавьте для отладки
console.log( response.data);
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы