loaded data is not showing when ngModel is using Angular8

when i am using to load {{item.name}} in value is working perfectly.. but whenever i started to load this with ngModel it is not working properly.. there is no value are showing.. and whenever i enter anything in one text box the other text boxes are also filled with the same value...

please help me to solve this,

HTML Code


<tr *ngFor="let item of this.familyInfo">
  <td><input type="text" class="form-control" value="{{item.name | titlecase}}" [(ngModel)]="this.cr.name"></td>
  <td><input type="text" class="form-control" value="{{item.age}}" [(ngModel)]="this.cr.age"></td>
  <td><input type="text" class="form-control" value="{{item.relation | titlecase}}" [(ngModel)]="this.cr.relation"></td>
  <td><button class="style_blue_button_square" style="width: 100%;" id={{item.id}}
      (click)="updateFamilyInfo($event)">Udate</button></td>
</tr>```



Read more here: https://stackoverflow.com/questions/64394103/loaded-data-is-not-showing-when-ngmodel-is-using-angular8

Content Attribution

This content was originally published by NrJ at Recent Questions - Stack Overflow, and is syndicated here via their RSS feed. You can read the original post over there.

%d bloggers like this: