子路线重定向到家庭路线

Question

我创建了一条子路线来接收产品ID并显示其详细信息，但是该路线无法正常工作，并且不显示任何错误消息

运行ng可以为应用程序提供服务，但是当我进入类别并选择某个产品以查看详细信息时，我将被重定向回主页：

当我按下按钮查看产品详细信息时，我将重定向到主页

Answer 1

在您的路线配置中，要进入详细信息页面，您的路线必须为：

home/categorias/[id]/[id]

因为在父级和子级路由的路由定义中都有:id。

尝试将详细信息配置更改为''。

Answer 2

您需要使用完整路径，相对路径是根据组件加载时的路径计算的，因此，任何动态都会相对于加载时间，因此您的当前路径为''/producto.id ，因此它重定向到/home

如果您有权访问类别ID，请使用以下命令：（当然，我猜是categorias.id）

routerLink="/home/categorias/{{categorias.id}}/{{producto.id}}

处理相关内容的另一种方法是使用一个函数，说goToProductDetails()并通过单击按钮进行调用。 <button (click)="goToProductDetails()">

goToProductDetails() {
  this.router.navigate([producto.id], { relativeTo: this.activeRoute });
}

您需要一个类似的构造函数：

constructor(private router: Router, private activeRoute:ActivatedRoute) {}