tengo dos componentes Componente A y Componente B. Quiero crear un sistema de navegación en el componente A que al hacer clic cargará el elemento apropiado en el componente B. Sé que dentro del mismo componente podemos usar routerLink y router-outlet. Pero, ¿cómo puedo lograr lo mismo en mi caso?

por ejemplo:

Componente A

 <a routerLink="/userHome"></a>

Componente B

 <router-outlet></router-outlet>

Y mi módulo de enrutamiento es:

 import { NgModule } from '@angular/core'; import { CommonModule } from '@angular/common'; import {RouterModule, Routes} from '@angular/router'; import {UserHomeMainBodyComponent} from './components/user-home- main-body/user-home-main-body.component'; import {UserNotificationsBodyComponent} from './components/user- notifications-body/user-notifications-body.component'; const routes: Routes = [ { path: 'userHome', component: UserHomeMainBodyComponent}, {path: 'userNotifications', component:UserNotificationsBodyComponent} ]; @NgModule({ declarations: [], imports: [ CommonModule, RouterModule.forRoot(routes) ], exports: [RouterModule] }) export class AppRoutingModule { }