如何从具有数组 Json 格式数据的 Angular 以 HTML 格式显示记录？ MVC 附上我的代码

Question

I am trying to display data i have in json format in array to html but it is not showing any result.我正在尝试将数组中的 json 格式的数据显示为 html，但它没有显示任何结果。

Code of my HTML page is,我的 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>

Inside div i have been trying to display data some how but i am only getting this result,在 div 中，我一直试图以某种方式显示数据，但我只得到了这个结果，

Data:
o.visitNumber
o.visitNumber
o.visitNumber
o.visitNumber
o.visitNumber

I want to show that i have in console.log ,我想表明我在 console.log 中有，

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

How can i display all this data in div or HTML with headers如何在带有标题的 div 或 HTML 中显示所有这些数据

Thanks谢谢

Answer 1

I belive that your variable data is malformed.我相信您的变量数据格式不正确。 I think it should be我认为应该是

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

After that, the div should be like this之后，div应该是这样的

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

Hope it helps希望能帮助到你

如何从具有数组 Json 格式数据的 Angular 以 HTML 格式显示记录？ MVC 附上我的代码

问题描述

1 个解决方案

解决方案1
0 2019-04-13 00:09:33

如何从具有数组 Json 格式数据的 Angular 以 HTML 格式显示记录？ MVC 附上我的代码

问题描述

1 个解决方案

解决方案1 0 2019-04-13 00:09:33

解决方案1
0 2019-04-13 00:09:33