顯示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}等。