I tried to do that in ngOnInit() like:
ngOnInit() {
this.route.queryParams
.filter(params => params.type)
.subscribe(params => {
this.tab = params.type;
this.setHeader();
});
}
My URL is:
http://localhost:4200/s/6/t/p/create/1
Routing is:
{path: ':Id/t/p/create/:type', component: CalendarComponent},
try that :
this.route.snapshot.params["page"]
the page is the query param so the route must be like that
const routes: Routes = [
{
path: 'page/:page',
component: OrdersComponent,
data: {
title: 'Orders'
}
}
]
don't forget the add the route into the constructor
constructor(private route: ActivatedRoute) { }
and the import
import {ActivatedRoute} from "@angular/router";
this.route.queryParams.subscribe(params => this.page = +params['page']; );
page inside this.route.snapshot.params["page"]?this.route.snapshot.params it's an array of all query params so to access directly the param page use this.route.snapshot.params["page"]Try
this.route.params.subscribe(params => {
this.tab = params.type;
this.setHeader();
});
