Javascript 使用ng repeat构建表
我的数据结构如下:Javascript 使用ng repeat构建表,javascript,angularjs,angularjs-ng-repeat,css-tables,Javascript,Angularjs,Angularjs Ng Repeat,Css Tables,我的数据结构如下: { "Places to visit": { "Best": [ "place1", "place2" ], "Worst": [ "place3", "place4" ] }, "Cuisines": { "Best": [ "cuisine1", "cuisine2" ], "Worst": [ "cuisine3",
{
"Places to visit": {
"Best": [
"place1",
"place2"
],
"Worst": [
"place3",
"place4"
]
},
"Cuisines": {
"Best": [
"cuisine1",
"cuisine2"
],
"Worst": [
"cuisine3",
"cuisine4"
]
},
"Mobiles": {
"Best": [
"mobile1",
"mobile2"
],
"Worst": [
"mobile3",
"mobile4"
]
}
}
使用这个数据结构,我需要在UI中构建一个表,它应该是这样的,一行中有两个指标。
我不知道如何在这个数据结构上使用ng repeat来获得所需的表
TIA.如果您想使用html表格,您需要重新格式化数据,并且可能需要使用ng repeat start和ng repeat end,这两种格式允许数组中的单个项目使用多个元素 例如,“一行”数据将a作为参观地点,b作为菜系: 最坏最坏 {{row.a.text}} {{row.a.items[0]} {{row.a.items[2]} {{row.b.text} {{row.b.items[0]} {{row.b.items[2]} {{row.a.items[1]} {{row.a.items[3]} {{row.b.items[1]} {{row.b.items[3]} 因此,“items”数组的每个元素创建两个表行,并包含并列项的“a”和“b”元素
为什么美食和参观的地方在同一排?这就是设计师想要的,在一个屏幕上获得更多的指示。。阿洛内塔尼投票重新打开的不是一个长长的滚动页面,而是因为我能够理解问题的内容,足以写出一个我认为与要点有关的答案。