要访问路由路径参数并将其传递给路由数据,您可以使用Angular的RouterModule.forRoot方法的以下方式:
import { RouterModule, Routes, ActivatedRoute } from '@angular/router';
import { Injectable } from '@angular/core';
const routes: Routes = [
{
path: 'example/:id',
component: ExampleComponent,
data: {
param1: 'value1',
param2: 'value2'
}
}
];
@NgModule({
imports: [RouterModule.forRoot(routes)],
exports: [RouterModule]
})
export class AppRoutingModule { }
import { Component } from '@angular/core';
import { ActivatedRoute } from '@angular/router';
@Component({
selector: 'app-example',
templateUrl: './example.component.html',
styleUrls: ['./example.component.css']
})
export class ExampleComponent {
param1: string;
param2: string;
constructor(private route: ActivatedRoute) {
this.param1 = this.route.snapshot.data.param1;
this.param2 = this.route.snapshot.data.param2;
}
}
在上面的代码中,我们使用ActivatedRoute的snapshot属性来访问当前路由的快照,并从路由数据中获取路径参数的值。
请注意,这只是一种处理路径参数并将其传递给路由数据的方法之一。根据您的具体需求,可能还有其他方法可用。