离子中带有* ngFor的嵌套视图

时间:2018-08-08 20:54:12

标签: angular typescript ionic-framework ionic2 ionic3

我想创建一个屏幕,其中包含带有* ngFor循环的嵌套视图。对于每个部分的每一行,都需要迭代二维数组数据以重复相同的视图。它可能如下所示:

(SectionName 1)
      Row1
      Row2
(SectionName 2)
      Row1
      Row2

每一行都可以使用带有按钮和输入框的离子项目来创建。

请让我知道如何创建二维重复UI。

谢谢

1 个答案:

答案 0 :(得分:1)

嘿,您绝对应该详细描述您要完成的工作,因为它留下了很多解释的空间。

我基于您想要的天真理解如下:

https://stackblitz.com/edit/ionic-boxpjy

对于以下数组:

array = [
    ["section 1 item 1", "section 1 item 2", "section 1 item 3"],
    ["section 2 item 1", "section 2 item 2", "section 2 item 3", "section 2 item 4"],
  ]

enter image description here