角4のURLからparamを取得するには？

Question

私はurlからstartdateを取得しようとしています。 URLは以下http://sitename/booking?startdate=28-08-2017 のように見える私のコードは

aap.module.ts

import {...}; 

    @NgModule({ 
     declarations: [ 
     AppComponent, ModalComponent 
     ], 
     imports: [ 
     BrowserModule, 
     FormsModule, 
     HttpModule, 
     JsonpModule, 
     ReactiveFormsModule, 
     RouterModule.forRoot([{ 
       path: '', 
       component: AppComponent 
      }, 
     ]),  
     ], 
     providers: [ContactService, AddonService, MainService], 
     bootstrap: [AppComponent] 
    }) 
    export class AppModule { } 

aap.component.tsそのエラー

未処理の約束拒否の下を通して与え

import {...} 
import {Router, ActivatedRoute, Params} from '@angular/router'; 

constructor(private activatedRoute: ActivatedRoute) { 
    // subscribe to router event 
    this.activatedRoute.queryParams.subscribe((params: Params) => { 
    console.log(params); 
    }); 

} 

です：基本hrefが設定されていません。 APP_BASE_HREFトークンの値を指定するか、ドキュメントに基本要素を追加してください。 ;ゾーン： ;タスク：Promise.then;値： エラー：ベースhrefが設定されていません。 APP_BASE_HREFトークンの値を指定するか、ドキュメントに基本要素を追加してください。

角度はベースhrefをどのように知るべきですか？

Answer 1

これはURLからのparamsを取得するトリックを行う必要があります。

constructor(private activatedRoute: ActivatedRoute) { 
    this.activatedRoute.queryParams.subscribe(params => { 
     let date = params['startdate']; 
     console.log(date); // Print the parameter to the console. 
    }); 
} 

ローカル変数の日付は今URLからSTARTDATEパラメータが含まれている必要があります。モジュールRouterとParamsは削除できます（クラス内の他の場所で使用されていない場合）。

Answer 2

マイルート：

export const MyRoutes: Routes = [ 
    { path: '/items/:id', component: MyComponent } 
] 

マイコンポーネント：

public id: string; 

constructor(private route: ActivatedRoute) {} 

ngOnInit() { 
    this.id = this.route.snapshot.paramMap.get('id')); 
}