Передача параметров между вспомогательными выходами

Question

В настоящее время у меня есть вспомогательная розетка, которая выводит данные только в определенной c области моего приложения. Это связано с тем, что я хочу манипулировать данными без изменения состояния панели управления. Моя проблема в том, как передавать параметры между компонентами внутри моей вспомогательной розетки? Это то, что у меня есть.

manage-clients.component. html

<div *ngFor="let police of agentPaPolicies">
<button [routerLink]="[{ outlets: {agentSidebar: ['details', police._id]}}]">View</button>
</div>

Из html выше я хотел бы перейти к путь /details с параметром police._id. Приведенный ниже код - это мой файл app.routing.ts.

app-routing.ts

{ path: 'manage-clients', component:ManageClientsComponent, canActivate: [AuthGuard], data: {permission: {only:["agent"]}}, outlet: 'agentSidebar'},
 { path: 'details/:_id', component:DetailsComponent, canActivate: [AuthGuard], data: {permission: {only:["agent"]}}, outlet: 'agentSidebar'}, 

Однако приведенный выше код отображает ошибку в моей веб-консоли, вот так :

URL Segment: 'manage-clients'
Error: Cannot match any routes.

Как мне изменить свой код, чтобы правильно маршрутизировать это, чтобы передать параметр между обоими компонентами внутри вспомогательной розетки?

Answer 1

Я действительно не понимаю ваших настроек, но если клиент-менеджер является родительским маршрутом. Затем вы можете добавить

  <router-outlet></router-outlet> 

в него html и удалить любую розетку из маршрута conf. Пропустите имя розетки, если оно только одно

Любой дочерний маршрут будет вставлен в этом месте

routeLink будет относиться к нижнему 'manage-client', поэтому, если вы напишете его как

  <a [routeLink]=“[‘details’,Id]>Style it like a button<\a>

Он должен указывать на manage-client / details / 1234