使用NgFor的嵌套数组/对象

时间:2017-05-13 21:00:24

标签: angular

我正在创建一个调度程序/日历,但我必须从头开始构建自己的日程表。

我每个月都有一系列日子。例如5月:31天。 现在我想将该数组分成几周,然后使用表格显示。 (像日历一样)

请注意以后,我必须在这些日子里做出这些日子。可点击以便能够对它们执行进一步的操作。

我尝试了什么:

我试图做一个嵌套数组周[week_number] [day_number]。 但是,当试图显示以下代码根本不起作用时。它没有任何表现。

<tr *ngFor="let week of weeks; let i = index">
<td *ngFor="let day of week.days; let j = index "> {{ day }}</td>

我查了一下StackOverflow但找不到任何东西。

2 个答案:

答案 0 :(得分:0)

如果您正在使用2D数组,那么您希望如何使用week.days访问一周中的几天?

在第一个let week of weeks中执行*ngFor表示week变量现在等于1D天数(a.k.a。weeks[i])。

因此,您的嵌套循环应该只是let day of week而不是let day of week.days

答案 1 :(得分:0)

  

//首先,您必须遍历每个'周'对象:

<tr *ngFor="let week of weeks">
  

//然后你必须循环遍历子数组的每个'day'对象   包含你的日子的对象

<td *ngFor="let day of week.days"> {{ day.name }}</td>
  

// {{day.name}}表示您的'name'对象属性(如果存在)(   它可以在不同的惯例下使用)