在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。