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

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  }   

]

(我把“action”前面的“:”去掉了，反正还是报错。)

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

你能帮帮我吗？

提前致谢。

Answer 1

问题似乎是您不小心避免在 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']" />

应该可以。