angularjs доступ к многомерным данным массива

Question

я создал несколько фиктивных ДАННЫХ, что я буду использовать в моем угловом проекте приложения со следующей структурой:

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

     } 
    ]; 

Хорошо вот то, что я хочу сделать с данными:

1. отображения названия категории (объяснителя, мультфильмы, MoGraph)
2. дисплей дАННЫЕ внутри каждой категории (напр., когда пользователь выбирает MoGraph, все имеющиеся данные под MoGraph будут показаны)

Я пытался использовать <ng-repeat="video in videos track by $index"> но я только управлять, чтобы сделать его работать на одномерный массив типа (var projects = [ 'proj1', 'proj2', 'proj3'];)

Im действительно путают о том, как это сделать, пожалуйста, просветите 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>