显示JSON数据在AngularJS

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> 

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

1. 应显示每个值（如“val1”和“val2”等）。因此我使用ng-repeat。
2. 但现在我也想显示里面的数据。我认为我可以做另一个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> 

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