如何在 angular 中获取参数表单路由传递给多组件
How to get params form route pass to multi component in angular
代码是:
当然组件有其他组件如何传递参数?
常量路线:路线= [
{
小路: '',
组件:HomeComponent
},
{
路径:':courseUrl',
组件:CourseComponent,
}
]
在 constructor
内 course-component.ts
你可以像这样订阅查询参数
constructor(
...
/* your other codes*/
...
public route: ActivatedRoute,
){
...
/* your other codes*/
...
this.route.params.subscribe((params) => {
console.log(params);
});
}
您将在控制台看到 courseUrl
,将 console.log(params)
更改为 this.courseUrlParam = params
之类的内容以将 params
存储到变量
代码是: 当然组件有其他组件如何传递参数? 常量路线:路线= [ { 小路: '', 组件:HomeComponent }, { 路径:':courseUrl', 组件:CourseComponent, } ]
在 constructor
内 course-component.ts
你可以像这样订阅查询参数
constructor(
...
/* your other codes*/
...
public route: ActivatedRoute,
){
...
/* your other codes*/
...
this.route.params.subscribe((params) => {
console.log(params);
});
}
您将在控制台看到 courseUrl
,将 console.log(params)
更改为 this.courseUrlParam = params
之类的内容以将 params
存储到变量