// 导航到/product页面并传递参数 this.router.navigate(['/product'], { queryParams: { id: productId } });
import { ActivatedRoute } from '@angular/router'; import { Component, OnInit } from '@angular/core';
@Component({ ... }) export class ProductComponent implements OnInit { productId: string;
constructor(private route: ActivatedRoute) {}
ngOnInit() { this.route.queryParams.subscribe(params => { this.productId = params['id']; }); } }
如果以上两个方法都没有解决问题,可以尝试在项目中使用Router.events监听路由变化,以便更好地跟踪和排查问题。