値を返す前に他のイベントが完了するのを待つ方法

Question

私は1つのHttpClientサービスを持っています。これは、すべての残りの呼び出しを処理します。 残りの呼び出しを行う前に、iframeをロードしてから同じ関数呼び出しを続けます。ここで

public get(url, searchParams: URLSearchParams = new URLSearchParams(), headers: Headers = new Headers()) { 
    if (some condition) { 
    let iframe = this.createIframe(); 
    return new Promise((resolve) => 
     setTimeout(() => { 
     iframe.parentNode.removeChild(iframe); 
     resolve(this.doGET(url, this.getOptions(searchParams, headers))); 
    }, this.time_delay)); 
    } else { 
    return this.doGET(url, this.getOptions(searchParams, headers)); 
    } 
} 

createIframe方法である：

ここ

private createIframe() { 
    let iframe = document.createElement('iframe'); 
    iframe.style.display = 'none'; 
    this.createSomeUrl('').then(function (url) { 
     iframe.src = url; 
    }); 
    document.body.appendChild(iframe); 
    return iframe; 
} 

、私はsetTimeoutを使用することにより、いくつかの時間のためdoGet()コール待ちを作っていますが、それはiframeが作業を終えている保証を与えるものではありません。その作業を終えるときiframe更新される一つの変数があり

、私はiframeはその変数をチェックすることによって、その仕事を終えていることを知っている、しかし、その時点で約束を返すのを待つかの方法を得る停止することができますか？

Answer 1

は、あなたが観測を使用している場合、これは簡単にflatMap()を使用して行うことができ

private checkSomeConditions(): Promise { 
    return new Promise(resolve => { 
     if (some condition) { 
      let iframe = this.createIframe(); 

      // Assuming the iframe is closing after the job is done 
      iframe.onbeforeunload(_ => { 
       console.log('iframe is closing'); 
       resolve(); 
      }); 
     } else resolve(); 
    }); 
} 

public get(url, searchParams: URLSearchParams = new URLSearchParams(), headers: Headers = new Headers()) { 
    return this.checkSomeConditions() 
    .then(_ -> { 
     return this.doGET(url, this.getOptions(searchParams, headers); 
    }) 
    [...] 
} 

Answer 2

を編集：

public get(url, searchParams: URLSearchParams = new URLSearchParams(), headers: Headers = new Headers()) { 
    if (somecondition) { 
     let iframe = this.createIframe(); 

     return Observable 
      .delay(this.time_delay) 
      .flatMap(() => { 
       iframe.parentNode.removeChild(iframe); 
       return this.doGET(url, this.getOptions(searchParams, headers)); 
      }) 
    } 
    else { 
     return this.doGET(url, this.getOptions(searchParams, headers)); 
    } 
} 

あなた.get()方法に加入したときに今、それはsomeCondition場合が遅れますそれ以外の場合はtrueを返します。