在Angular 6中,可以使用Angular的路由模块来传递参数到URL中。以下是一个示例解决方法:
@angular/router
模块。可以使用以下命令来安装:npm install @angular/router
app.module.ts
文件中导入和配置路由模块。添加以下代码:import { RouterModule, Routes } from '@angular/router';
const appRoutes: Routes = [
{ path: 'your-route/:param', component: YourComponent }
];
@NgModule({
imports: [
RouterModule.forRoot(appRoutes)
],
...
})
export class AppModule { }
在这个例子中,我们定义了一个路由路径your-route/:param
,其中:param
是一个参数占位符。
ActivatedRoute
模块,并在构造函数中注入它。添加以下代码:import { ActivatedRoute } from '@angular/router';
constructor(private route: ActivatedRoute) { }
ActivatedRoute
的params
属性来获取传递的参数。添加以下代码:ngOnInit() {
this.route.params.subscribe(params => {
const paramValue = params['param'];
// 在这里可以使用传递的参数值进行其他操作
});
}
在这个例子中,我们使用params
属性来订阅参数的变化,并通过params['param']
来获取名为param
的参数值。
这样,当你访问your-route/paramValue
时,你的组件将能够获取到传递的参数值paramValue
。
希望以上解决方法对你有帮助!