Блог

Главная - Вопросы по программированию - Как отобразить записи в HTML из Angular, имеющие данные в формате Array Json? MVC Мой прикрепленный код

Как отобразить записи в HTML из Angular, имеющие данные в формате Array Json? MVC Мой прикрепленный код

#html #arrays #json #angularjs #model-view-controller

#HTML #массивы #json #angularjs #модель-представление-контроллер

Вопрос:

Я пытаюсь отобразить данные, которые у меня есть в формате 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

Я хочу показать, что у меня есть в консоли.журнал ,

 "[{"areaNameEn":"malibu","buildingEnglishName":"national Hospital","visitNumber":"Visit_U_1"},
{"areaNameEn":"jordan","buildingEnglishName":"kateer Hospital"},"visitNumber":"Visit_U_2"]”

Как я могу отобразить все эти данные в div или HTML с заголовками

Спасибо

Комментарии:

1. Вы забыли интерполировать с {{}} помощью первого и просто записываете текст

2. Я пробовал, это не работает

Ответ №1:

Я полагаю, что ваши переменные данные искажены. Я думаю, что это должно быть

 [{"areaNameEn":"malibu","buildingEnglishName":"national Hospital","visitNumber":"Visit_U_1"},
{"areaNameEn":"jordan","buildingEnglishName":"kateer Hospital","visitNumber":"Visit_U_2"}];

После этого div должен быть таким

 <div ng-app="MyChildApp" ng-controller="MyChildController">
    Data:
    <div ng-repeat="o in data">{{o.visitNumber}}</div>
</div>

Надеюсь, это поможет