Why does pipe(share) pull the server twice?

Question

Angular

My http service:

@Injectable({
  providedIn: "root",
})
export class HttpService {
  public blocks$: Observable<any>;
  constructor(private http: HttpClient) {
    this.blocks$ = this.http
      .get()
      .pipe(share());
  }
}

In the parent component, I subscribe to receive data:

forkJoin([this.httpService.blocks$]).subscribe(() => {})

And after in the component - the child is subscribed via acync:

*ngFor="let block of httpService.blocks$ | async"

Why do I see two requests together with one in the netfork, why did the share not work?

Answer 1

And why do you subscribe in the component if you call it in the template via async?