如何在 angular4 中识别 td 中的 *ngFor 索引?

Question

我有一个要循环的日期数组，其中包括 4 周的所有日期，如下所示：

<table boder="1">
<tr>
<td>First Spot</td>
<td *ngFor="let date of datesFullArray; let i = index;" class="nopadd" [class.no-border]="i+1 % 7 == 0">
<div *ngFor="let gs of firstSpot">
<span [ngClass]="{
'available':checkDate(gs.fromDate, gs.toDate, date) === 1,
'not-available':checkDate(gs.fromDate, gs.toDate, date) === 0
}">
&nbsp;
</span>
</div>
</td>
</tr>
</table>

在这里，我想拆分<td>即当它到达第 1、2、3 周时，我想申请no-border课程，使bordernone。

我正在尝试获取索引值来执行相同的操作，但不起作用。

任何帮助高度赞赏。

Answer 1

删除 td 标签的边框

使用样式绑定

[style.border]="((i+1) % 7) == 0 && 'none'">

或类

[class.no-border]="((i+1) % 7) == 0">

演示堆栈闪电战