нг-повтор отображается только последнее значением

Question

Я новичок в угловой и методах нг-повтор здесь мой вопрос:

Я делаю тесты, чтобы узнать, вот что я хочу достичь сейчас: петля через таблицу таблицы для отображения некоторого содержимого

Моя проблема: второе ng-repeat показывает только последнее значение.

вот мое заявление в контроллере:

app.controller("ClientCtrl", function($scope){ 
$scope.ClientSections = [ 
    {title: 'Titre 1', element: 
     [{name: 'Toto', name: 'Contenu 1', name: 'Contenu 2', name: 'Contenu 3'}] 
    }, 
    {title: 'Titre 2', element: 
     [{name: 'Titi', name: 'Contenu 2'}] 
    }, 
    {title: 'Titre 3', element: 
     [{name: 'Titre 1', name: 'Contenu 3'}] 
    } 
]; 
}); 

вот мой шаблон

element(ng-repeat="ClientSection in ClientSections") 
    h2 {{ClientSection.title}} 
     item(ng-repeat="Client in ClientSection.element") 
      p {{Client.name}} 

Answer 1

мопс Это потому, что ваш element объект является массивом только один json в нем, обновите element стать следующим:

element: 
    [{name: 'Toto'}, {name: 'Contenu 1'}, {name: 'Contenu 2'}, {name: 'Contenu 3'}] 

И, конечно же, все это должно быть сделано для всех ваших объектов.

Answer 2

Вы должны закрыть скобки

app.controller("ClientCtrl", function($scope){ 
$scope.ClientSections = [ 
    {title: 'Titre 1', element: 
     [{name: 'Toto'}, {name: 'Contenu 1'}, {name: 'Contenu 2'}, {name: 'Contenu 3'}] 
    }, 
    {title: 'Titre 2', element: 
     [{name: 'Titi'}, {name: 'Contenu 2'}] 
    }, 
    {title: 'Titre 3', element: 
     [{name: 'Titre 1'}, {name: 'Contenu 3'}] 
    } 
];