在Angular中,可以使用路由参数来传递数据。如果要定义多个可选路由参数,可以按照以下步骤进行操作:
const routes: Routes = [
{ path: 'example', component: ExampleComponent },
{ path: 'example/:param1/:param2', component: ExampleComponent },
];
ActivatedRoute
和Params
。import { ActivatedRoute, Params } from '@angular/router';
ActivatedRoute
。constructor(private route: ActivatedRoute) { }
ngOnInit()
方法中获取路由参数。ngOnInit() {
this.route.params.subscribe((params: Params) => {
const param1 = params['param1'];
const param2 = params['param2'];
console.log(param1, param2);
});
}
现在,当访问路由/example
时,param1
和param2
将为undefined
。当访问路由/example/value1/value2
时,param1
的值为value1
,param2
的值为value2
。