每行一个表格（每列一个字段），每个表格都有按钮：如何管理脏状态？

Question

I would like to handle the dirty state for every single row I have in my table. Unfortunately, adding a form around a would break the table, and I can't create it inside since I have a field for every different column. My last column for each row contains buttons: Delete and Update. Update appears only if one of the field of this row has been made dirty.

Somehow, it works already but I am checking each .pristine for every field on that row ( #name="ngModel" ). My rows are created through something like *ngFor="let row of rows" . I believe it would be better to check the .dirty or .pristine on a form rather than on every single element.

Also, if I actually to the update, there is no way I can remove that .dirty status (I tried replacing the data for that row by removing from the array and re-adding it but it is still dirty).

Is there a technique to go around that?

Answer 1

You could use ngModelGroup around each of your rows. Then you can check the dirty flag for the group.