Я пытаюсь отобразить данные, которые у меня есть, в формате json в виде массива в html, но результат не отображается.
Код моей HTML-страницы:
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Testing</title>
</head>
<body>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.9/angular.min.js"></script>
<script type="text/javascript">
var app = angular.module('MyChildApp', [])
app.controller('MyChildController', function ($scope, $window) {
$scope.data = $window.data;
console.log($scope.data);
});
</script>
<div ng-app="MyChildApp" ng-controller="MyChildController">
Data: <span ng-bind="data.visitNumber"></span>
<div ng-repeat="o in data">o.visitNumber</div>
<div ng-repeat="o in data.data">{{o.visitNumber}}</div>
<div ng-repeat="o in data[0]">{{o.visitNumber}}</div>
</div>
</body>
</html>
Внутри div я пытался отобразить данные, как, но я только получаю этот результат,
Data:
o.visitNumber
o.visitNumber
o.visitNumber
o.visitNumber
o.visitNumber
Я хочу показать, что у меня в console.log,
"[{"areaNameEn":"malibu","buildingEnglishName":"national Hospital","visitNumber":"Visit_U_1"},
{"areaNameEn":"jordan","buildingEnglishName":"kateer Hospital"},"visitNumber":"Visit_U_2"]”
Как я могу отобразить все эти данные в div или HTML с заголовками
Спасибо