Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angularjs/21.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 使用ng repeat构建表_Javascript_Angularjs_Angularjs Ng Repeat_Css Tables - Fatal编程技术网

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”元素


为什么美食和参观的地方在同一排?这就是设计师想要的,在一个屏幕上获得更多的指示。。阿洛内塔尼投票重新打开的不是一个长长的滚动页面,而是因为我能够理解问题的内容,足以写出一个我认为与要点有关的答案。