TypeScript / Angular 2 - 在另一个完成后调用一个函数

时间:2016-11-08 12:17:15

标签: asynchronous angular typescript

我想要调用两个函数,但我只想在第一个函数完成后调用第二个函数。我该怎么做呢?

第一个功能:

getDirectorySubfolders(node: any) {
    console.log('Home:getDirectorySubfolders() entered...');

    this._sdiService.getDirectoriesAtPath("Desktop")
        .subscribe(res => {
            this.nodeChildren = res;
        });
}

第二次功能:

getChildren(node: any) {
   console.log('Home:getChildren entered..');
   return new Promise((resolve, reject) =>
   {
       setTimeout(() => resolve(this.nodeChildren.map((c) =>
       {
           return Object.assign({}, c, {});
       })), 1000);
   });
}

1 个答案:

答案 0 :(得分:8)

第一个功能完成后,有两种简单的方法可以调用第二个功能 - 您可以在this.nodeChildren = res;下使用完成参数()

getDirectorySubfolders(node: any) {
    console.log('Home:getDirectorySubfolders() entered...');

    this._sdiService.getDirectoriesAtPath("Desktop")
        .subscribe(
         res => {
             this.nodeChildren = res;
             this.getChildren(); <-- here
         },
         err => {
             console.log(err);
         },
         () => {
             this.getChildren(); <-- or here
         });
}

当您致电getDirectorySubfolders()函数时,getChildren()完成后将调用getDirectorySubfolders()。请记住,如果使用finish参数,即使发生错误,也会调用该函数。