angularjs訪問

Question

我已經創建了我會在我的角度的應用項目，使用具有以下結構的一些模擬DATAS多維數組數據：

var videos = [ 
     { 
      category: 
      [ 
       { explainer: 
        [ 
         'explain1', 
         'explain2', 
         'explain3', 
        ] 
       }, 
       { cartoon: 
        [ 
         'cartoon1', 
         'cartoon2', 
         'cartoon3', 
        ] 
       }, 
       { moGraph: 
        [ 
         'moGraph1', 
         'moGraph2', 
         'moGraph3', 
        ] 
       }, 
      ] 

     } 
    ]; 

確定這裏是我想用數據做的事情：

1. 顯示類別名稱（解釋器，卡通，運動圖形）
2. 顯示每個類別內的DATAS（例如：當用戶選擇運動圖形，所有運動圖形下的可用的數據將被顯示）

我試圖用<ng-repeat="video in videos track by $index">但我只設法使它一維數組一樣工作（var projects = [ 'proj1', 'proj2', 'proj3'];）

我真的就如何做到這一點迷惑，請大家指教thanks'much

Answer 1

看起來像你只需要有很多嵌套的中繼器。例如...

就個人而言，我會改變的數據格式看起來更像這個...

var videos = [ 
    { 
     explainer: ['explain1', 'explain2', 'explain3'], 
     cartoon: ['cartoon1', 'cartoon2', 'cartoon3'] 
     moGraph: ['moGraph1', 'moGraph2', 'moGraph3'] 
    } 
]; 

然後，所有你需要的是...

<div ng-repeat="video in videos"> 
    <div ng-repeat="(category, datas) in video"> 
     <h3>{{ ::category }}</h3> 
     <ul> 
      <li ng-repeat="data in datas">{{ ::data }}</li> 
     </ul> 
    </div> 
</div>