How to remove specific element from Observable<Array<any>> : <p>There is an Observable of the array of places:</p>

<pre><code>places: Observable&lt;Array&lt;any&gt;&gt;;
</code></pre>

<p>In template it used with the async pipe:</p>

<pre><code>&lt;tr *ngFor="let place of places | async"&gt;
  ...
&lt;/tr&gt;
</code></pre>

<p>After some user actions I need to remove the place with specific id from this array. I have something like this in my code, but it doesn't work:</p>

<pre><code>deletePlace(placeId: number): void {
  this.apiService.deletePlace(placeId)
  .subscribe(
    (res: any) =&gt; {
      this.places
        .flatMap((places) =&gt; places)
        .filter((place) =&gt; place.id != placeId);
    }, 
    (err: any) =&gt; console.log(err)
  );    
}  
</code></pre>

<p>Can you help me with this?</p>
