编辑要在角度6中设置参数的起始路线

Question

我是新手，刚开始在我的angular6中部署参数化路由。

这是我在app.module.ts的回家路线

const appRoutes : Routes = [ 
  {path:'', component:botComponent}
]

我想按以下内容对其进行编辑

const appRoutes : Routes = [ 
  {path:'/:bot/:code/:place', component:botComponent}
]

我的目标是，当您访问应用程序时，首先要具有localhost:4200这样的URL，然后根据所单击的内容，URL可能会更改为localhost:4200/lianne/129/north或{{1} }

但是，通过localhost:4200/jay/7/south，我在控制台中看到了{path:'/:bot/:code/:place', component:botComponent}，但看不到该应用程序，只是一个空白页。

如果我删除第一个斜杠，并将其设置为Error: Invalid configuration of route '/:bot/:code/:place': path cannot start with a slash，则不会出现任何错误，但是我仍然会看到空白页。

该如何解决？谢谢

Answer 1

当您定义参数并且不传递它们时，最终将出现空白屏幕。 您需要这样的两条路线：

const appRoutes : Routes = [ 
  {path:'', component:botComponent},
  {path:':bot/:code/:place', component:botComponent}
]

现在，即兴创作取决于您，但是如您所见，如果您的参数是可选的，则每种组合都需要一条路径。