Angular2でオプションのクエリパラメータを取得するにはどうすればよいですか？

は、ここで私は、私は、これらのパラメータ（ID、LANGおよび検索）を読み取ることができますどのように http://localhost/?id=120&lang=en&search=abc Angular2でオプションのクエリパラメータを取得するにはどうすればよいですか？

を処理したいURLです。

出典

2016-08-29 Devx

他のパラメータと同じように、@ angular/routerからActivatedRouteを使用する必要があります。オプションでないパラメータとの違いはありません。で

詳細： https://angular.io/docs/ts/latest/guide/router.html#!#optional-route-parameters

出典

2016-08-29 09:37:10

あなたの答えをいただき、ありがとうございます。 ActivatedRouteをインポート中に、モジュール '/ var/www/public/node_modules/@ angular/router/index' 'にエクスポートされたメンバ' ActivatedRoute 'がないというコンパイル時エラーが表示されます。 – Devx

あなたはどのバージョンを指定していない、ActivatedRouteはRC5でのみ利用可能です –

RC1でこれをどうやって得ることができますか？ – Devx

export class HeroComponent implements OnInit { 
    constructor(private _activatedRoute: ActivatedRoute, private _router:Router) { 
    _router.routerState.queryParams.subscribe(
     data => console.log('queryParams', data['st']));

も参照してくださいGet route query params

出典

2016-08-29 09:38:19

最終リリースはActivatedRouteだと思います。しかし、どのようにオプションのパラメータを取得しますか？例えば'lang'がpetのクエリー文字列に設定されている場合はそれを使用し、それ以外の場合は英語に戻します。私が見るところでは、現在の購読がこのページに対して行われていることを知る方法はありません。存在しない場合、それは永遠に待つだけです。（RxJsのタイムアウトはおそらく？） –

'route.queryParams（）'に加入することができます。 AFAIK 'subscribe（）'に渡されたコールバックはすべてのルート変更に対して呼び出されます。 '？someid = value'や'; someid = value'が存在しないとき 'data ['someId']'は 'null'を返します。ルート。 –

ありがとう、それは便利でした！ –

Angular2でオプションのクエリパラメータを取得するにはどうすればよいですか？

答えて

関連する問題