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

安娜·F

我有一个这样的物体

在此处输入图片说明

我想做的是在特定时间显示计数。现在,我有了这段代码,它可以正常工作

  <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从服务器得到一个变量的值(它也起作用),然后将其连接到“ at”并将整个分配给this.time

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

所以,我想拥有的是

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

但这不起作用...我该如何解决?

阿拉文

您应该按以下方式使用它,

<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>

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

如何在映射函数中获取对象的键名对象

如何在 php laravel 中设置外键名称?

jsonpath:当键名称中包含“连字符”时,如何访问当前对象中的键?

如何在SQL中的对象(具有所有键名)中获取对象?

如果JSON数据的数据键名称中包含“ /”,如何在javascript中获取json数据

如何在discord.py重写中设置公会名称?

如何在laravel中优雅地自定义集合键名称

如何在 EF Core Fluent API 中更改外键名称?

如何键入返回键和键名称未知的对象的响应?

重命名PHP Laravel中的对象键名称

如何在PHP中获取键名?

如何在结构中设置动态键名?

如何在 elequent 集合中更改键名

如何在Typescript中使用字符串变量值作为对象中的键名

如何在javascript对象中查找键名的长度,而不是内容的长度

如何在Javascript中合并具有不同键名的2个数组对象?

如何在Jq中组合(连接)包含公共键名但唯一值的JSON对象

如何通过对象键名从对象数组中删除对象?

更新时如何在模型中重写嵌套对象

如何在Discord.py重写中定义对象

我如何在 Ramda 中重写对象道具的类型检查

Yq:检索对象键名称

如何在Java中获取对象的名称?

如何在 *ngfor 中显示数组对象的数组

如何更改字典pyhton列表中的键名称

如何在不知道VB.NET中数字键名称的情况下从JSON获取值

如何在对象javascript中获取对象的名称

如何在 JavaScript 中获取对象的对象名称

如何使用在键名中包含符号的 gson 解析对象