Angular data table not refersh after adding some values to list

Question

table

     <p-dataTable class="pc-datatable" [value]="dList[i].contactData" [responsive]="true">

ts file add

  let obj= new ContactData();
obj.conPerson = this.contactDialogForm.get("contPerson").value;
obj.conMode = this.contactDialogForm.get("contMode").value;
obj.conDetail = this.contactDialogForm.get("contDetail").value;
this.dList[this.selectedIndex].contactData.push(obj);

mao · Accepted Answer · 2019-03-08 07:13:30Z

1

try this,

this.dList[this.selectedIndex].contactData = [...this.dList[this.selectedIndex].contactData, obj]

This might be happening because, p-dataTable does not get triggered after you update the array. In order to trigger, you need to create new array and put all data into that

edited Mar 8, 2019 at 7:13

mao

12.4k2 gold badges15 silver badges32 bronze badges

answered Mar 8, 2019 at 6:49

Dulanjaya Tennekoon

2,5181 gold badge20 silver badges33 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Onur Arı · Accepted Answer · 2019-03-08 06:53:49Z

0

Because you push data to a list, but you do not change its reference and this change may not be detachable by angular. Even though it is a bad practice, this should solve your problem:

  let obj= new ContactData();
  obj.conPerson = this.contactDialogForm.get("contPerson").value;
  obj.conMode = this.contactDialogForm.get("contMode").value;
  obj.conDetail = this.contactDialogForm.get("contDetail").value;
  this.dList[this.selectedIndex].contactData.push(obj);
  // change reference by re-assignment
  this.dList[this.selectedIndex].contactData = [].concat(this.dList[this.selectedIndex].contactData);

answered Mar 8, 2019 at 6:53

Onur Arı

5021 gold badge4 silver badges16 bronze badges

Collectives™ on Stack Overflow

Angular data table not refersh after adding some values to list

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related