Как показать (сначала) экран загрузки и скрыть, когда (например, 3) запросы на получение разрешены в Angular 2+/7 Typescript

Я новичок в Angular 7, я пытаюсь показать экран загрузки при загрузке компонента приложения (корневого), а затем у меня есть 2 компонента Get1 и Get2, которые вызывают 2 запроса Get http соответственно. Как скрыть панель загрузки, когда оба запроса Get выполнены. В терминах AngularJS у нас было promise.all, чтобы знать, когда все запросы были выполнены следующим образом http://jsfiddle.net/danielzen/t7g7djzk/ Как или что делать в Angular с помощью Observables

я могу сделать это

this.navbarService.getFiscalDateList(this.resultsFilterRootObject)
  .subscribe((data: FiscalWeekListRootObject) => {

      this.fiscalWeekListRootObject = {...data};

      this.currentWeek = this.fiscalWeekListRootObject.data.vehicleFiscalDate.vehicleFiscalWeek;
      //hide loading screen since there is only one GET what to do for multiple GET requests 

    }


  );

Ожидается: скрыть экран загрузки, когда 2 Observable разрешены в Angular.