无法在ngFor循环中分配值：无法分配给对象的只读属性

Question

temp.html代码

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





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

d.desc的值是：submitted，pending，partial 我想要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;
}