Question

这就是我的JSON数据的样子：

var data = [
    "val1":[
        {"DATE":a1, "HEADER":b1, "MESSAGES":c1},
        {"DATE":a2, "HEADER":b2, "MESSAGES":c2},
        {"DATE":a6, "HEADER":b6, "MESSAGES":c6},
     ],
     "val2":[
        {"DATE":a5, "HEADER":b5, "MESSAGES":c5},
        {"DATE":a8, "HEADER":b8, "MESSAGES":c8},
     ],
     "val3":[
        {"DATE":a3, "HEADER":b3, "MESSAGES":c3},
        {"DATE":a4, "HEADER":b4, "MESSAGES":c4},
        {"DATE":a7, "HEADER":b7, "MESSAGES":c7},
     ],
];

现在我想在html中使用这些数据。因此我使用AngularJS（尽管这是一个旧框架）。数据被正确地发送到客户端，但现在我必须正确显示它。我已经有了这个：

<ul>
    <li class="message" ng-repeat="messages in data">
       {{ messages }}
    </li>
</ul>

现在它显示所有数据（这不是我的目标）。它应该是这样的：

应显示每个值（如“val1”和“val2”等）。因此我使用ng-repeat。
但现在我也想在里面显示数据。我想我可以再做一次ng-repeat来显示“val1”等内的数组的所有值。

但是我怎么能这样做并且可以访问这些值呢？

Answer 1

此HTML应显示val1数组，val2数组中的每个项目，依此类推：

<ul>
    <li class="message" ng-repeat="messages in data">
       <span ng-repeat="item in messages">
           {{ item }}
       <span>
    </li>
</ul>

行<li class="message" ng-repeat="messages in data">将在data数组中重复第1级数组，并且

<span ng-repeat="item in messages">
    {{ item }}
<span>

将迭代并显示每个2'级别的项目，例如{"DATE":a1, "HEADER":b1, "MESSAGES":c1}等等。

在AngularJS中显示JSON数据

1 个答案: