rxjs-playground | Supports TypeScript | Runtime Evironment library

Here is my code:

I have an array of objects with children and have a need to set a field (hidden) in each of those objects recursively. The value for each is set in a subscription. I want to wait until each item in the array is recursively updated before the subscription is complete.

The hidden field will be set based on roles and permissions derived from another observable. In the example I added a delay to simulate that.

Here's my first pass at it. I'm certain there is a much cleaner way of going about this.

https://codesandbox.io/s/rxjs-playground-hp3wr

I am watching this video on RxJs Subjects.

https://www.youtube.com/watch?v=DvnzeCfYg0s.

When the form is submitted ,i understand that the subject's refreshneeded$ next method is called.

I am given to understand though that the chotchkies-list.component is rendered only once using its ngOninit method.

But in this particular case it looks like when the form is submitted the subjects next method is called.

But how does calling the next method on refreshneeded$ subject in turn trigger the ngOninit of the chotchkies-list.component ?

Ahh yes and here is the github code

https://github.com/krimple/rxjs-playground

I have two stream with different priority.

Each event must play a sound that last for example 5s. requirement are:

1. High priority event must kill lower priority sound
2. Otherwise every event must wait that previous sound complete

I have tried this way but also low kill high event example playground

We have a function that gets a stream from the backend as observable. However we would like to be able to push to that observable as well to see the changes before those are done in the back-end. To do so I tried giving back a subject instead but the connection is still on going after the unsubscribe.

In other words, in the code below, we would like the console.log(i) not to start before we subscribe to the subject, and finish when we unsubscribe from it :

live example

I've an Array of Filters as an Observable and I'd like to add/remove filters from it. Here is the code I have that is currently only adding a Filter the first time the function runs.

The second time nothing happens.

I am a bit new to RxJS and am having problems with map on an Observable which causes the upstream Observable being called multiple times (i.e. an HTTP request).

I have the following example:

https://stackblitz.com/edit/angular-rxjs-playground-uxygsb?file=app%2Fapp.component.ts

the gist is the following

I'm trying to nest 2 observable and subscribing to both of their results but I cant figure out how to do it.

I want to run the first observable, Use it's result in the second observable and in the subscribe function get both first observable result and the second one..

I've made a very simple example of what I want here

Thanks.