initとparamsでのapi呼び出しの変更

Question

私はangle2を使ってparamに基づいてapi呼び出しをしようとしています。コンポーネントが初期化され、パラメータが変更されたときに、このapi呼び出しを行う必要があります。以下は私が使用しているコードです。問題は、ngOnInitが実行されて、paramsでapiを呼び出した後、すぐにapiを2回呼び出す変更をサブスクライブするときです。

このような状況を処理する適切な方法は何ですか。これにより、api呼び出しはinitで一度だけ呼び出され、それでもパラメータの変更を観察できますか？

ngOnInit() { 
    Observable.zip(this.route.queryParams, this.route.params).subscribe((params: any) => { 
    this.queryParams = params[0]; 
    this.params = params[1]; 
    this.get(); 
    this.subscribe(); 
    }); 
} 

subscribe() { 
    this.queryParamsSub = this.route.queryParams.subscribe((params: any) => { 
    this.queryParams = params; 
    this.get(); 
    }); 

    this.paramsSub = this.route.params.subscribe((params: any) => { 
    this.params = params; 
    this.get(); 
    }); 
} 

// this is called 3 times on init 
get() { 
    this.apiManager.get(this.queryParams, this.params); 
} 

ngOnDestroy() { 
    this.queryParamsSub.unsubscribe(); 
    this.paramsSub.unsubscribe(); 
} 

Answer 1

それはあなたの観測を組み合わせることObservable.combineLatestを使用することができ、これは、すべての変更にトリガすることが判明しました。このようなものはうまく動作します：

ngOnInit() { 
    this.sub = Observable.combineLatest(this.route.queryParams, this.route.params).subscribe((params: any) => { 
     this.queryParams = params[0]; 
     this.params = params[1]; 
     this.get(); 
    }); 
    } 

Answer 2

は（subscribeへの呼び出しなし）ngOnInit十分ではないのですか？あなたはすでにzipで変更を購読しています。なぜあなたは再び入社しますか？それとも明白な何かが恋しい？

ngOnInit() { 
    Observable.zip(this.route.queryParams, this.route.params).subscribe((params: any) => { 
    this.queryParams = params[0]; 
    this.params = params[1]; 
    this.get(); 
    }); 
}