等待http响应进行数据分配

Question

我想在呈现页面之前从API提取数据并将其分配给我的变量

我尝试了诺言，异步/等待。但这没有帮助。 .map（）表示它在Observable类型上不存在。 jQuery / ajax的答案不能解决我的问题

ngOnInit() {
    this.currentRouteControl.valueChanges
      .pipe(takeUntil(this._unsubscribe))
      .subscribe((val: Route) => {
        this.commonCatalogueService.getRouteScheduleByRouteId(val.id)
            .toPromise().then(async res => this.dataSource = await res); //if i put console log here then it shows data normally
      });
      console.log(this.dataSouce) //UNDEFINED
  }