角度クエリパルサムサブスクリプションが起動しません（すべてチェックボックスがチェックされています）

Question

データを表示する領域を複数選択できるアプリケーションがあります。それらの地域のチェックボックスの上に、私はメインチェックボックス "AllRegions"を追加しました。他のすべてのチェックボックスを選択/選択解除します。 これはうまくいきます、パラメータはURLとすべてに投稿されます。

「AllRegions」チェックボックスをオンまたはオフにしたときの唯一の問題は、コンポーネントがパラメータ変更のサブスクリプションに反応しないことです。単一の領域のチェックを外すと機能しますが、同じ関数を呼び出してもこの "AllRegions"では機能しません。

コンポーネント：私は、チェックボックスをクリックしたときに

 ngOnInit() { 
      this.route.queryParams.subscribe(params => { 
      this.loadRegionData(); 
      }) 
     } 

このコードが呼び出されます。

this.router.navigateByUrl(this.router.createUrlTree([url], { queryParams: { regions: regionParameters } })); 

なぜ私がnavigateByUrlを実行したときにngOnInitのサブスクリプションが起動しないのですか？

Answer 1

getSelectedRegionsがObservableを返すと、それを購読していないため（内部で観察可能）、トリガされません。

ngOnInit() { 
     this.route.queryParams 
     .switchMap(params => this.regionsService.getSelectedRegions()) 
     .subscribe(
     //handle *data* and *error* 
     ); 
    }