Deleting row of obect in a nested array Angular 2/4

Question

I have a model that has array inside an array of object:

<div *ngFor="let n of shops?.locations let i=index;">
   <span>{{n.name}}</span>
   <button (click)="select(n, i)">select</button>
</div>
<popup>
<div *ngFor="let subloc of locationssub let j=index;">
   <span>{{subloc.id}}</span>
   <span><{{subloc.name}}</span>
   <button  (click)="delete(subloc, j)">del</button>
</div
</popup>

In my component I have:

 select(n, i){
    this.indexi=i;
    this.locationssub=n;
    this.popup.show();
 }

 delete(subloc, j){
    this.shops.locations[this.indexi].locationssub.splice(j,1);
 }

When I run this, it doesn't splice and remove the row.
How can i fix it?

Is this code <button select(n, i)>select</button> working? I guess you missed (click)="..." binding there — Dhananjay C
– Dhananjay C, Commented Jan 14, 2019 at 8:49
Sorry it was a type I corrected it. Code is functioning fine just not deleting the row in splice. Thanks — J. Davidson
– J. Davidson, Commented Jan 14, 2019 at 8:57
can you add a console.log(this.shops.locations[this.indexi].locationssub,length) after splice? — FarukT
– FarukT, Commented Jan 14, 2019 at 9:07
I did and there nothing. There is no error. Also entry is not deleted. Issue is nested arrays and index seems like — J. Davidson
– J. Davidson, Commented Jan 14, 2019 at 10:03

MullisS · Accepted Answer · 2019-01-14 09:03:22Z

1

Hello there are two possible reasons for this.

Your code does not work (is the entry deleted from your array)
Angular does not regonize the changes of your object, so you have to call changedetection after deleting: https://angular.io/api/core/ChangeDetectorRef

answered Jan 14, 2019 at 9:03

MullisS

2782 silver badges11 bronze badges

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

3 Comments

FarukT Over a year ago

are you sure? why angular does not recognize?

J. Davidson Over a year ago

Code works but entry is not deleted. There is no error either

MullisS Over a year ago

Could you please provide an example which produces the same error? You can use stackblitz.com

Collectives™ on Stack Overflow

Deleting row of obect in a nested array Angular 2/4

1 Answer 1

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related