如何在Angular 2/4 Typescript中同步运行函数

Question

我有两个在角度应用程序中被调用的服务调用。问题在于第二个服务在第一个服务完成执行之前被调用。

在下面的代码中，getDetails在getList完成执行之前首先执行。因此，无法正确呈现应用程序。 getList仅应完成其执行，然后getDetails应开始其执行。我已经从sampleService返回了Promise。

我已经在Google上搜索了如何实现同步调用，但是对于如何解决我的代码问题却不清楚。

 this.sampleService.getList(this.isStub).then(result => {
     this.resultList = result;
     this.resultList .forEach((el) => {
         this.nameSummaryList.push(el.nameInfo);
     });
 });

 this.sampleService.getDetails(this.isStub).then(result => {
     this.resultDetails = result;
     this.resultDetails.forEach((el) => {
         this.designSummaryList.push(el.desigInfo);
         this.joinList = this.nameSummaryList.concat(this.designSummaryList);
      });