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

Rok*_*545 3 asynchronous typescript angular

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

第一个功能:

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

    this._sdiService.getDirectoriesAtPath("Desktop")
        .subscribe(res => {
            this.nodeChildren = res;
        });
}
Run Code Online (Sandbox Code Playgroud)

第二功能:

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

Ste*_*ota 8

完成第一个函数后,有两种简单的方法可以调用第二个函数 - 您可以在下面执行它this.nodeChildren = res;或使用finish参数():

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
         });
}
Run Code Online (Sandbox Code Playgroud)

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