Отредактируйте домашний маршрут для параметризации в угловых 6

Question

Я новичок и только начал развертывать параметризованные маршруты в моем angular6.

Это мой домашний маршрут в app.module.ts

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

Я хотел бы отредактировать его какследующий

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

Моя цель состоит в том, чтобы сначала при посещении приложения URL-адрес был примерно таким: localhost:4200, а затем, в зависимости от того, что нажималось, URL-адрес может измениться на localhost:4200/lianne/129/north или 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 в своей консоли и не могу видеть приложение, только пустую страницу.

Если я удаляю первую косую черту и устанавливаю ее как {path:':bot/:code/:place', component:botComponent}, тогда я не получаю никакой ошибки, но все равно вижу пустую страницу.

Как это исправить?Спасибо

Answer 1

Когда вы определите параметры и не передадите их, вы получите пустой экран.Вам нужны два маршрута, подобные этому:

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

Теперь импровизация зависит от вас, но, как вы можете видеть, если ваши параметры являются необязательными, вам нужен путь для каждой комбинации.