Когда я помещаю элемент привязки в некоторый угловой компонент 2, как это,

<a [routerLink]="['/LoggedIn/Profile']">Static Link</a>

все работает нормально. При нажатии на ссылку угловой маршрутизатор направляет меня к целевому компоненту.

Теперь я хотел бы добавить ту же ссылку динамически. Где-то в моем приложении у меня есть «компонент уведомлений», единственной обязанностью которого является отображение уведомлений.

Компонент уведомлений делает что-то вроде этого:

  <div [innerHTML]="notification.content"></div>

гдеtification.content - строковая переменная в классе NotificationComponent, содержащая HTML-код для отображения.

Переменная Notification.content может содержать что-то вроде

 <div>Click on this <a [routerLink]="['/LoggedIn/Profile']">Dynamic Link</a> please</div>

Все работает нормально и отображается на моем экране, но ничего не происходит, когда я нажимаю динамическую ссылку ?!

Есть ли способ, чтобы угловой маршрутизатор работал с этой динамически добавленной ссылкой ???

пс. я знаю о DynamicComponentLoader, но мне действительно нужно более неограниченное решение, где я мог бы отправлять все виды HTML в мой компонент уведомлений, со всеми видами различных ссылок ....