@King_Of_Demons
Студент

Как прочитать и вывести локальный файл JSON при помощи Angular?

Есть файл JSON с данными которые надо вывести в таблицу HTML. Написал скрипт script.js который выводит данные если только они внутри скрипта записаны, а если прочитать на прямую из файла JSON, через getJSON.js то не работает. Помогите найти в чем ошибка и как правильно надо сделать. С Angular-ом знаком пару дней.
script.js
angular.module('tableApp', [])
	.controller('HobbyCtrl', function ($scope){
		$scope.persons = [
			{
				"id": 2861,
				"areaId": 1791,
				"joinedWith": null,
				"sku": "3",
				"defaultSku": "3",
				"status": "open",
				"countActive": 0
			  },
			  {
				"id": 2967,
				"areaId": 1791,
				"joinedWith": 2861,
				"sku": "1",
				"defaultSku": "1",
				"status": "closed",
				"countActive": 0
			  }
		];
});

getJSON.js

angular.module('tableApp', []);
$.controller('HobbyCtrl', function ($scope)
{
  $.getJSON('things.json').success(function(data)
  {
    $scope.persons = data;
  });
});

index.html

<!DOCTYPE html>
<html ng-app="tableApp">
	<head>
		<meta charset="utf-8">
		<title>Пример таблицы в Angular.js</title>
		<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.2.26/angular.min.js"></script>
		<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.2.26/angular-route.min.js"></script>
		<script src="getJson.js"></script>
	</head>
	<body ng-controller="HobbyCtrl">
		<table >
			<tr>
				<th>ID</th>
				<th>Area ID</th>
				<th>Joined With</th>
				<th>Sku</th>
				<th>DefaultSku</th>
				<th>Status</th>
				<th>Count Active</th>
			</tr >
			<tr ng-repeat="person in persons">
				<td>{{person.id}}</td>
				<td>{{person.areaId}}</td>
				<td>{{person.joinedWith}}</td>
				<td>{{person.sku}}</td>
				<td>{{person.defaultSku}}</td>
				<td>{{person.status}}</td>
				<td>{{person.countActive}}</td>
			</tr>
		</table >
	</body >
</html>
  • Вопрос задан
  • 30 просмотров
Пригласить эксперта
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы