невозможно присвоить значение в цикле ngFor: невозможно присвоить только для чтения свойство объекта

Question

код temp.html

<div>
<div>{{status}}</div>
</div>





 <table>
    <tr *ngFor="let d of list">
               <td>{{d.desc}}</td>
    </tr>
 </table>

d.desc имеет значение: отправлено, ожидает рассмотрения, частично Я хочу, если d.desc находится в состоянии ожидания, статус должен измениться на ожидающий. Я не хочу, чтобы цикл или фильтр в файле TS Файл TS имеет переменную

public status:string="ok";
public list:any=[{"desc":"submitted"},{"desc":"pending"},{"desc":"partial"}]

Я пытаюсь, но не могу присвоить только для чтения свойство объекта

Answer 1

Вы не можете достичь напрямую! Но все же вы можете использовать функцию и вызывать эту функцию из html, передавая статус. Я создал стекаблиц для этого! Взгляни на это! https://stackblitz.com/edit/angular-a7bxve

В html ...

<table>
   <tr *ngFor="let d of list">
      <td>{{showStatus(d.desc)}}</td>
   </tr>
</table>

А в файле ts ...

showStatus(status) {
   this.status = status;
}