Angular - как открыть ссылку в том же компоненте с routerLink

Question

В моем веб-приложении возникла проблема с routerLink. Я создал карту (div), и я хотел бы нажать на нее и открыть другой компонент на той же странице.

Вот мой код:

    <a class="app-card" [routerLink]="['/', '#app=5h3kemncnri4i3nf']">
      <div class="app-card__header">
        <h2>{{'HOME.APPLICATION.APP_ONE'|translate}}</h2>
      </div>
    </a>

Эта часть #app=5h3kemncnri4i3nf - это ID, который открывает приложение на той же странице. Но с кодом, приведенным выше, он не сработал - ничего не происходит, когда я нажимаю на него.

Если я наведу курсор мыши на <a> в браузере, я получу следующий вывод:

localhost:4200/%23app%5h3kemncnri4i3nf

Я ожидаю открыть ссылку:

http://localhost:4200/home#app=5h3kemncnri4i3nf на той же странице.

Заранее спасибо!