如何從URL（路由）Angular 2獲取參數？

Question

我嘗試在ngOnInit()這樣做：

ngOnInit() {
    this.route.queryParams
      .filter(params => params.type)
      .subscribe(params => {
        this.tab = params.type;
        this.setHeader();
      });
  }

我的網址是：

http://localhost:4200/s/6/t/p/create/1

路由是：

{path: ':Id/t/p/create/:type', component: CalendarComponent},

Answer 1

試試看：

this.route.snapshot.params["page"]

頁面是查詢參數，因此路徑必須是這樣的

const routes: Routes = [
  {
    path: 'page/:page',
    component: OrdersComponent,
    data: {
      title: 'Orders'
    }
  }
]

不要忘記將路由添加到構造函數中

constructor(private route: ActivatedRoute) { }

和進口

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

Answer 2

嘗試

this.route.params.subscribe(params => {
    this.tab = params.type;
    this.setHeader();
  });