как использовать Router.navigate () с именованным выходом маршрутизатора и параметром url - PullRequest
Новая
       5

как использовать Router.navigate () с именованным выходом маршрутизатора и параметром url

0 голосов
/ 29 мая 2018

У меня проблемы с использованием названной розетки маршрутизатора, я думаю, что я использую ее неправильно, хотя я предполагаю, что следовал угловым документам:

Конфигурация маршрутизатора: 

const routes: Routes = [

    {path: 'checktypes', component: ChecktypeComponent},
    {path: 'checktypes/:id', component: ChecktypeDetailsComponent, outlet: 'checktypeDetails'},

  ];

шаблон ChecktypeComponent: 

...
<router-outlet name="checktypeDetails"></router-outlet>
...

В ChecktypeComponent (на маршруте /checktypes): 

this.router.navigate([{outlets: {checktypeDetails: ['checktypes', 1]}}]);

Я просто закодировал идентификатор 1 только для простоты.Я всегда получаю ошибку Cannot match any routes. URL Segment: 'checktypes/1'.Я много чего перепробовал, но не могу заставить его работать.Что я делаю не так?

1 Ответ

0 голосов
/ 29 мая 2018

Вы можете использовать следующее

Для маршрута, подобного 

{
 path: 'update-book/:book-id',
 component: BookUpdateComponent,
 outlet: 'bookPopup' 
}

Вы можете перемещаться как 

this.router.navigate([{ outlets: { bookPopup: [ 'update-book', book.id ] }}]);

Таким образом, вы можете передавать параметры в URL, и URL стал

http://localhost:4200/book(bookList:book-detail//bookPopup:add-book)
...