path参数
路由中定义
{ path: 'date/:id', component: ******}
路由跳转
<a routerLink="date/4">gg</a>
this.router.navigate(['date'],4);
this.router.navigateByUrl('list/4');
获取路径参数和监听路径参数改变
import { Router,ActivatedRoute } from '@angular/router';
constructor(private routerinfo: ActivatedRoute,private router: Router){
let params = this.routerinfo.snapshot.params;//参数对象
this.id = params['id'];//获取参数
//监听参数变化
this.routerinfo.params.subscribe((res) => {
this.id = res['id'];
});
}
Query参数
<a routerLink="/home" [queryParams]="{limit:5}">gg</a>
this.router.navigate(['/home'],{queryParams: {limit: 5}});
this.router.navigateByUrl('/home?limit=5');
constructor(private routerinfo: ActivatedRoute,private router: Router){
this.routerinfo.queryParams.subscribe((res) => {
});
}
Matrix参数
<a [routerLink]="['/home',{name: 'Max'}]">gg</a>
//点进去就成这样 http://localhost:4200/home;name=Max
