Angular observable push to array

Question

I use this code to take the names of tasks into my array barChartLabels.

public lineChartLabels: Label[] = [];

this.tasks.pipe(map(x => x.map(x => x.id))).toPromise().then(id => this.lineChartLabels.push(id))

The code is still working but there is a little problem with it. In fact it copy all names into the first index of lineChartLabels. I expect each name to be written in its own index of the array. How can i change the code to put each name in a single index?

Barremian · Accepted Answer · 2021-09-09 13:55:18Z

1

There is no need to convert the observable to promise. Infact, toPromise() is being discontinued in RxJS v8. Use subscribe instead.
Instead of pushing the array into another array, you'd simply need to assign it.

public barChartLabels: Label[] = [];

this.tasks.pipe(
  map(t => t.map(t => t.name))
).subscribe(
  names => this.barChartLabels = names
);

answered Sep 9, 2021 at 13:55

Barremian

31.2k4 gold badges37 silver badges67 bronze badges

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

Collectives™ on Stack Overflow

Angular observable push to array

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related