Question

在我的angular 4应用程序中，我需要使用不同的路由参数进入同一页面，例如我有：

/ticketBundles/{id}
/ticketBundles/new
/ticketBundles/{id}/copy

现在，当我浏览时，我使用this.router.navigate(path,id) 在2和3中，我需要进入同一页面，但需要采用不同的模式＆＃34;，在第三种情况下，我需要加载一些数据，那么最佳做法是什么？第三条路是一条好路？如果我使用/ticketBundles/copy/{id}这样的路径，我会遵循一个好方法吗？

Answer 1

建议遵循RESTFUL编程。 What exactly is RESTful programming?

例如，你可以在你的例子中得到的最接近的是......：

NEW (POST): /ticketBundle 
UPDATE (PUT): /ticketBundle/{id}
SHOW (GET): /ticketBundle/{id}

对于你的副本，我会做/ticketBundle/{id}/copy

您应该查看角度路由的官方文档以帮助您1.导航到新页面。 2.通过参数。 3.在新页面上检索参数。

https://angular.io/guide/router

在路由模块中：

{ path: 'ticketBundle/:id', component: ticketComponent }

在您的组件中

  this.router.navigate(['/ticketBundle', { id: ticketID}]);

角度多路由参数

1 个答案: