Angular2：Appコンポーネントのindex.htmlクエリーストリングへのアクセス方法

Question

Angular2 Developmentを初めて使用しています。

私はASP.Net WebサイトからAngular2 Webサイトを呼び出す必要があります。 （ローカルホスト：index.htmlを\ 4200）Angular2のウェブサイトを呼び出しますが？：4200 \ index.htmlをユーザーID =チャンドラ

今私の質問は、以下のように ローカルホストは次のようにクエリ文字列渡します。 アプリケーションコンポーネント（すなわちブートストラップCompoent）または任意の他の成分にユーザーIDクエリ文字列の値を取得する方法

。

私はこれをお手伝いしてください。

ありがとうございました。

Answer 1

docsは、あなたがそれらを見ていない場合、これにはかなりまともです。短い答えは、あなたがActivatedRouteを使用する必要があります、コンポーネントからクエリパラメータにアクセスするには、次のとおりです。

import { ActivatedRoute } from '@angular/router'; 

.... 

export class MyComponent { 

    constructor(
     private route: ActivatedRoute, 
    ) { } 

    ngOnInit() { 
    this.route.queryParams.subscribe(queryParams => 
     //do something with queryParams['UserID'] 
    ); 
    } 

} 

ルータがルートのparamsとクエリのparamsの両方を保持します。彼らは別々に扱われます。 SubscribeからqueryParamsにアクセスしてこれらのパラメータにアクセスします。

希望に役立ちます。