Question

我正在尝试将链接路由到我的Angular应用程序中的页面，但始终收到相同的错误。

我的Route.ts文件包含以下路径：

export const ROUTES : Routes = [

    {path:'',component:AvisosComponent    },
    {path:'gerenciarModeloAviso', component:GerenciaModAvisoComponent },
    {path:'editModeloAviso/:id/:action', component: EditModeloAvisoComponent  }   

]

问题出在最后一条路线上，它有两个参数。

在html中我尝试了这个：

<img src="../assets/editarOn.png" alt="Editar" [routerLink]="['/editModeloAviso',estrut.idAvisoEstrutura,'VIEW']" />

然后，我尝试了这个：

<img src="../assets/editarOn.png" alt="Editar" [routerLink]="['/editModeloAviso',{id:estrut.idAvisoEstrutura,action:'VIEW'}]" />

错误总是一样的：

Error route

仅仅是为了评论，我将路线文件更改为：

export const ROUTES : Routes = [

    {path:'',component:AvisosComponent    },
    {path:'gerenciarModeloAviso', component:GerenciaModAvisoComponent },
    {path:'editModeloAviso/:id/action', component: EditModeloAvisoComponent  }   

]

（我在“动作”字词之前删除了“：”。无论如何，错误仍然存在。）

如果我在路线中只使用一个参数，那没关系，我没有错误。但有两个，没办法。

你能帮助我吗？

提前致谢。

Answer 1

问题似乎是你不小心避免在你的route.ts中使用absolut路径。试试这条路线

export const ROUTES : Routes = [

    {path:'',component:AvisosComponent    },
    {path:'gerenciarModeloAviso', component:GerenciaModAvisoComponent },
    {path:'/editModeloAviso/:id/:action', component: EditModeloAvisoComponent  }   

]

与此HTML-Part

结合使用

<img src="../assets/editarOn.png" alt="Editar" [routerLink]="['/editModeloAviso',estrut.idAvisoEstrutura,'VIEW']" />

应该这样做。

Angular 2/4 - 在routerLink中传递多个参数

1 个答案: