Как отобразить данные с помощью 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>