ng-repeat 只显示最后一个值答案

【问题标题】：ng-repeat is only showing the last valueng-repeat 只显示最后一个值
【发布时间】：2017-01-11 15:31:31
【问题描述】：

我是 Angular 新手，这里的方法 ng-repeat 是我的问题：

我正在做测试来学习，这就是我现在想要实现的目标：循环遍历一个表格以显示一些内容

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

【问题讨论】：

标签： angularjs pug ng-repeat

【解决方案1】：

那是因为您的 element 对象是一个数组，其中只有一个 json，请将您的 element 更新为：

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

当然，你的所有对象都必须这样做。

【讨论】：

@Sunkhern 不客气，请将其标记为正确答案以供将来参考:)

【解决方案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'}]
    }
];

【讨论】：