Javascript 使用
我的JSON数据如下所示: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 } ]
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