У меня есть два компонента, и я хочу передать данные через параметры запроса, но они будут доступны только для определенного c выхода.
Принимая следующий URL-адрес (компонент A вводится в основной выход и componentB вводится в боковую панель с именем outlet):
http://localhost:4200/componentA(sidebar:componentB/popup)
Я хочу что-то вроде этого:
http://localhost:4200/componentA?id="guidExample"(sidebar:componentB/popup?id="anotherGuidExample)
Это означает, что значение, полученное из идентификатора параметра запроса в componentA, будет быть "guidExample", и значение, полученное из идентификатора параметра запроса в componentB, будет "anotherGuidExample".
Следует моей конфигурации маршрута:
const routes: Routes = [
{ path: "componentA", component: ComponentAComponent },
{ path: "componentB/popup", component: ComponentBComponent, outlet: "sidebar" },
];
И способ, которым я перемещаюсь к компоненту B через розетку:
this.router.navigate([{
outlets:
{
sidebar: 'componentB/popup'
}
}
]);
Как я могу выполнить sh это?