NG重复的只显示最后一个值

Question

我新的角度和方法NG重复这里是我的问题：

我正在做测试，以学习，这里是我现在要达到什么样的：循环通过一张桌子来显示一些内容

我的问题是：第二个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'}] 
    } 
];