如何识别 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 class，这使得 border 作为 none.

我正在尝试使用索引值来做同样的事情，但不起作用..

非常感谢任何帮助..

Answer 1

去掉td标签的边框

使用样式绑定

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

或class

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

演示 stackblitz

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

How to recognize *ngFor index in td in angular4?

ngfor

angular