如果值更改，如何在NGFOR输入中更改背景颜色？

Question

<ng-container *ngFor="let obj of List">
      <mat-form-field ngDefaultControl class="form-field" appearance="outline">
        <input
          matInput
          type="number"
          placeholder="0"
          [(ngModel)]="obj.value"
          onfocus="this.select()""
        />
      </mat-form-field>
    </ng-container>

//如果值在其中更改，我正在尝试修改输入元素的背景颜色。

Answer 1

这是对象的列表数组

public List = [
  {
    actualValue: 1,
    value: 1,
  },
  {
    actualValue: 2,
    value: 2,
  },
  {
    actualValue: 3,
    value: 3,
  }
];

，只需使用[ngstyle]放置class

<ng-container *ngFor="let obj of List">
   <mat-form-field
     ngDefaultControl
     class="form-field"
     appearance="outline"
     [ngClass]="{ red: obj.value !== obj.actualValue }"
   >
     <input
       matInput
       type="number"
       placeholder="0"
       [(ngModel)]="obj.value"
       onfocus="this.select()"
     />
   </mat-form-field>
</ng-container>  

和red是[ngclass]中的类名称。