angular - How to set the component to always be active?

Question

I have an application built.

app.Component.html:

<div class="header">
  <app-nav></app-nav>
</div>
<div class="content">
  <router-outlet></router-outlet>
</div>
<div class="footer">
  <app-footer></app-footer>
</div>

In app.Component.ts, I have a HostListener binded to a keyEvent and I would like to have <router-outlet> always active even when I click on the <app-nav>.

Do you have any tips for that?

question from:https://stackoverflow.com/questions/65859738/how-to-set-the-component-to-always-be-active

Answer 1

Waitting for answers