Javascript 使用

Javascript 使用,javascript,html,angularjs,angularjs-ng-repeat,ng-repeat,Javascript,Html,Angularjs,Angularjs Ng Repeat,Ng Repeat,我的JSON数据如下所示: header1 | header2 | header3 --------------------------------------- sec1|sec2|sec3| sec4 | sec5 { 结果:[ { 标题:标题1, 章节:[ { 姓名:sec1 }, { 姓名:sec2 }, { 姓名:sec3 } ] }, { 标题:标题2, 章节:[ { 姓名:sec4 } ] }, { 标题:标题3, 章节:[ { 姓名:sec5 } ]

我的JSON数据如下所示:

    header1   | header2  |  header3
---------------------------------------
sec1|sec2|sec3|  sec4    |   sec5
{ 结果:[ { 标题:标题1, 章节:[ { 姓名:sec1 }, { 姓名:sec2 }, { 姓名:sec3 } ] }, { 标题:标题2, 章节:[ { 姓名:sec4 } ] }, { 标题:标题3, 章节:[ { 姓名:sec5 } ] } ] } 我想在如下表格布局中显示数据:

    header1   | header2  |  header3
---------------------------------------
sec1|sec2|sec3|  sec4    |   sec5
我无法使用以下代码执行此操作:

{{header.header} {{section.Name}} 我尝试在上使用ng repeat start,但仍然无法使其工作。感谢您的帮助

编辑

当前代码的输出为:

header1    |  header2   |  header3
angular.modulemyApp,[] .controllermyController,函数$scope{ $scope.results=[{ 标题:标题1, 章节:[{ 姓名:sec1 }, { 姓名:sec2 }, { 姓名:sec3 }] }, { 标题:标题2, 章节:[{ 姓名:sec4 }] }, { 标题:标题3, 章节:[{ 姓名:sec5 }] }]; }; {{header.header} {{section.Name}}
关键是以您需要的方式在控制器中对数据进行转换。在下面的代码片段中,我添加了一个新函数allSections,它将检索所有部分的平面列表,以便ng repeat指令可以在整个列表上循环。我还添加了一个addSection按钮,以演示当节数发生变化时,该按钮会正确更新。@AhmedEid将代码复制到代码段的第一个技巧

angular.modulemyApp,[] .controllermyController,函数$scope{ $scope.results=[{ 标题:标题1, 章节:[{ 姓名:sec1 }, { 姓名:sec2 }, { 姓名:sec3 }] }, { 标题:标题2, 章节:[{ 姓名:sec4 }] }, { 标题:标题3, 章节:[{ 姓名:sec5 }] }]; $scope.allSections=函数{ var部分=[]; 对于变量i=0;i<$scope.results.length;i++{ var column=$scope.results[i]; 对于var j=0;j你能展示你的输出吗?我运行了你的代码,但所有5个部分都显示在标题1下。检查生成的表,你会发现它的结构是正确的,这只是样式的问题。。