角度材质表-使用分页器更改页面时丢失样式

Question

我对有角度的材料表有问题。我添加了垫子形式字段和垫子输入作为表格单元格，ng-model用于跟踪值和编辑输入时的不同样式，当ng-dirty存在时，我将背景颜色设置为红色。分页的问题是，每当我移动到下一页并返回到编辑内容的上一页时，样式就会丢失。

我需要在编辑过的字段中保留ng-dirty，即使我正在使用paginator更改页面。

代码堆栈闪电战。

Answer 1

我会执行以下操作：

• 向PeriodicElement添加一个新属性(如originalWeight?:number;(，在PeriodicElement列表中，只复制每个项目的值(如此{position: 1, name: 'Hydrogen', originalWeight:1.0079, weight: 1.0079, symbol: 'H'},(

• 在样式中添加另一个类：

input.ng-dirty，input.ng-dirty-back{背景颜色：红色；}

• 在HTML中只需执行：

<inputmatInput[(ngModel(]＝"；element.weight"；[class]="；element.originalWeight！=未定义&amp；element.weight！=element.originalWeight？'ng脏背'："/>