-1

我正在尝试以 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 中显示所有这些数据

谢谢

4

1 回答 1

0

我相信您的可变数据格式不正确。我认为应该是

[{"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>

希望能帮助到你

于 2019-04-13T00:09:33.817 回答