如何使用ngfor显示数据,但在运行时决定属性名称

问题描述 投票:0回答:1

我有角度ngfor代码,我使用observable来显示列表。但是我的问题是我想在运行时在底层数组中注入对象属性的名称以显示在列表中。

angular runtime ngfor
1个回答
0
投票

您可以修改即将到来的对象或对象属性数组,并根据需要更改它们保留属性名称,如果您从api获得此响应:

persons = [{age : 32, name : "John"},{age:33,name : "Alex"}];
persons.map(item=>{
  item.fullName = item.name;
  delete item.name;
})

在您的component.html中,您可以这样显示

 <li *ngFor="lelt person of persons">{{person.fullName}}</li>
© www.soinside.com 2019 - 2024. All rights reserved.