如何在ngFor中重写对象键的名称

Question

我有一个像这样的对象

我想要做的是在特定时间显示计数。 现在，我有这个代码，它工作正常

  <mat-card *ngFor="let room of roomList; let i = index">
    <mat-card-content>
      <h3>Room Number: {{room.staticData.rName}}</h3>
      <p>{{room.occupation[0].timetable.at17.count}}</p>
    </mat-card-content>
  </mat-card>

我想要做的是重写p标记room.occupation[0].timetable.at17.count中的行，因为at17现在是硬编码的。

我想在我的组件中分配变量，变量hour的值我来自服务器（它也可以），然后我将它连接到＆＃34; at＆＃34;并将整体分配给this.time

this.time = 'at'++this.hour;

所以，我想要的是

      <p>{{room.occupation[0].timetable.time.count}}</p>

但它不起作用...... 我怎么能解决这个问题？

Answer 1

您应该按照以下方式使用它，

<mat-card *ngFor="let room of roomList; let i = index">
    <mat-card-content>
      <h3>Room Number: {{room.staticData.rName}}</h3>
      <p>{{room.occupation[0].timetable['at'+i].count}}</p>
    </mat-card-content>
  </mat-card>