routerLink=’/’ не работает вне компонента приложения

#angular12

Вопрос:

Ладно, с этим вопросом покончено, так что, но …. тьфу!

В моем компоненте приложения a routerLink='/'>Dashboard</a> <a _ngcontent-yob-c58="" routerlink="/" ng-reflect-router-link="/" href="/"> Dashboard </a> все будет хорошо отображаться там.

В моем компоненте приложения я включаю другой компонент (в том же модуле, компонент навигации), и там будет отображаться точно такой же синтаксис <a routerlink="/"> Dashboard </a> .

<a [routerLink]="['/']" > будет нормально в компоненте приложения, но при попытке использовать его в моем дочернем компоненте он скажет Can't bind to 'routerLink' since it isn't a known property of 'a'.

ОБНОВЛЕНИЕ: Я объявил свой дочерний компонент и экспортировал его в SharedModule, который я импортирую в свой AppModule. Но я переместил объявление дочернего компонента в модуль приложения…и теперь ссылка работает. Очевидно, что мне нужно получить образование по модулям facepalm