ng-repeat 只显示最后一个值

Question

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

我正在做测试学习，这是我现在想要实现的：循环遍历 table 的 table 来显示一些内容

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

ng-repeat 只显示最后一个值

ng-repeat is only showing the last value

angularjs

ng-repeat

pug