RXJS: Iterate array with click event

Question

I have an observable with array. I need to make some operation on each element in the array on mouse click event. I started with something like this:

merge([
 this.clicks,
 this.array$
 ]).pipe(
   tap((value) => console.log(value))
 ).subscribe();

But how can i iterate the elements, so in each click it will print the next element in the array?

Rafi Henig · Accepted Answer · 2020-08-09 06:31:40Z

1

How about the following?

arrayObservable = of(["how", "are", "you"]);

fromEvent(window, "click").pipe(
  switchMapTo(arrayObservable$),
  map((array, index) => {
    return array[index % array.length]
  })
)

Hope it helps!

edited Aug 9, 2020 at 6:31

answered Aug 9, 2020 at 6:18

Rafi Henig

6,4502 gold badges22 silver badges41 bronze badges

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

Collectives™ on Stack Overflow

RXJS: Iterate array with click event

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