Как распознать индекс * ngFor в тд в angular4?

У меня есть массив дат для цикла, который состоит из всех дат за 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, который делает border как none.

Я пытаюсь использовать значение индекса, чтобы сделать то же самое, но не работаю.

Любая помощь очень ценится.