Angular2 - 'activatedRoute.params'を約束に変えよう

Question

ActivatedRouteから降りて約束したが、運がなかったparamsについてobservableを回そうとしています。

this.riaService.getAdvisorsForState(this.activeState) 
    .then(rias => { 
     this.riasForState = rias.json(); 
     console.log(this.riasForState); 
    }); 
// this all works^

しかし、私は約束に「activatedRoute.params」を回すことができていない：私は成功した約束にhttp要求をオンにすることができました

export class InvestmentAdvisorStateComponent implements OnInit { 

    constructor(private activatedRoute: ActivatedRoute, private riaService: InvestmentAdvisorService) { } 

    getStateFromUrl() { 
     this.activatedRoute.params 
      .toPromise() 
      .then(params => { 
       console.log('HERE',params) 
      }); 
    } 
// this does not work for me^

これは私が右の持っているものです今：約束はそう思ったとして

getStateFromUrl() { 
    this.activatedRoute.params 
     .subscribe((param: any) => { 
      this.activeState = param['state']; 
     }); 
} 
// works^

私は私がこれを実装することのオフ.thenをすることができます期待しています。どのようにこれを行うにはどんな助けにも大変感謝しています。

Answer 1

観測可能と約束の主な違いは、観測可能なものは複数のイベントを放出でき、約束は単一のイベントのみを放出することです。

あなたの例を効果的にするために、最初のイベントだけに興味があると思います。

getStateFromUrl() { 
    this.activatedRoute.params 
     .first() 
     .toPromise() 
     .then(params => { 
      console.log('HERE',params) 
     }); 
} 

toPromise()で作成した約束は最初paramsイベントで完了しているこの方法です。