Angular 通过navigationExtras为空的navigateByUrl传递值
嗨,我有一个函数,可以导航到另一个页面并将id传递给另一个组件,但它不会向另一个组件返回任何内容。不确定我做错了什么,有人能给我指出正确的方向吗Angular 通过navigationExtras为空的navigateByUrl传递值,angular,angular-router,Angular,Angular Router,嗨,我有一个函数,可以导航到另一个页面并将id传递给另一个组件,但它不会向另一个组件返回任何内容。不确定我做错了什么,有人能给我指出正确的方向吗 gotoConsulting(questionId: number): void { let navigationExtras: NavigationExtras = { queryParams: { 'origine': questionId.toString }, fragment: 'anchor' }
gotoConsulting(questionId: number): void {
let navigationExtras: NavigationExtras = {
queryParams: { 'origine': questionId.toString },
fragment: 'anchor'
};
console.log("idquestion" + questionId);
this._router.navigateByUrl('/consulting',navigationExtras);
}
这里的组件得到重定向,但总是在视图中返回None
export class PageConsulting implements OnInit {
origine: Observable<string>;
constructor(private route: ActivatedRoute) {}
ngOnInit(): void {
this.origine = this.route
.queryParamMap
.map(params => params.get('origine') || 'None');
}
}
导出类PageConsulting实现OnInit{
起源:可见;
构造函数(专用路由:ActivatedRoute){}
ngOnInit():void{
this.origine=this.route
.queryParamMap
.map(params=>params.get('origine')| |'None');
}
}
您应该使用这个.router.navigate([redirect],navigationExtras)代码>而不是navigateByUrl
只有navigate具有参数navigationExtras
您可以参考下面的网站:
使用navigate()函数似乎会导致使用的路线出现问题#代码>Angular中的前缀您如何认为它不会返回任何内容?如果删除| |无,它是否会返回错误或您试图获取的内容?@DarkVision您是否曾经通过navigateByUrl传递过值?鼓励链接到外部资源,但是,请在链接周围添加上下文,这样您的其他用户就会知道它是什么以及为什么会出现。始终引用重要链接中最相关的部分,以防无法访问目标站点或永久脱机。