angular ng-for的奇怪问题

Question

有一段code是这样子

click事件中的menu.preiods.key我直接用preiod来代替menu.preiods，變成(preiod.key)，是可行的

但是在class.active的 menu.preiods[i].key这段
如果用preiod来代替menu.preiods，變成preiod[i].key，就会报错

这是为什么呢?

<ul>
      <ng-container *ngFor="let preiod of menu.preiods; let i = index">
        <li (click)="sport.update_preiod(menu.preiods.key);" [class.active]="selected.preiod == menu.preiods[i].key">{{text[preiod.textId]}}</li>
      </ng-container>
    </ul>
  

Answer 1

preiod 是menu.periods中的一个元素，可以使用period.key来替代menu.preiods[i].key