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

Question

我有棱角的ngfor代码，正在使用可观察的对象显示列表。但是，我的问题是我想在运行时将对象属性的名称注入到基础数组中以显示在列表中。

Answer 1

您可以修改即将到来的对象或对象属性数组，并更改它们，如要从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>