Угловой маршрут.Проблема с маршрутом между двумя видами - PullRequest
Новая
       35

Угловой маршрут.Проблема с маршрутом между двумя видами

0 голосов
/ 08 декабря 2018

Привет, я новичок в Angular, и у меня проблема с маршрутизацией в моем приложении.Хотелось бы получить маршрут по городу с рестораном. 

{ path: 'city', component: City1Component, children: [
{ path: 'restaurant', component: WenecjaComponent },
] },

По результатам поиска ресторан с видом на город.(Изображение представляет проблему): https://ibb.co/82yW1NR

Показывает: localhost: 4200 / city / restaurant, но вид ресторана отображается в виде на город.

router-outlet находится в component.html подrouterlinks

Я хотел бы переместить меня только на вид ресторана после нажатия на карточку.Открытки это 2 коробки с текстом.Кто-нибудь может мне помочь с этим?

1 Ответ

0 голосов
/ 08 декабря 2018

Вам не нужно иметь детей в вашем случае.Ваш маршрут должен быть определен следующим образом: 

{ path: 'city', component: City1Component },
{ path: 'restaurant', component: WenecjaComponent }

И <router-outlet></router-outlet> на вашем app.component.html достаточно.

Просто измените ссылку своей карты следующим образом <a [routerLink]="['/restaurant']"> наПерейдите из города в ресторан.

Если вам нужна связь между городом и рестораном.Вам нужно добавить еще один компонент в свой маршрут для обработки дела localhost/city/[empty].

Таким образом, у вас будут маршруты:

  • localhost/city/[empty] и
  • localhost/city/restaurant

Для этого вам также необходимо изменить маршрут следующим образом: 

{
  path: 'city',
  component: City1Component,
  children: [
     { path: '', component: [component to create] },
     { path: 'restaurant', component: WenecjaComponent },
  ]
}

Для получения дополнительной информации: https://angular.io/guide/router#child-route-configuration

...