Как привязать тег привязки к angular

Question

в моем angular приложении, я пытаюсь привязать строку к div, используя angular inner HTML, вот строка

sample = "<a routerLink='/tags/name/'>Test</a>  smod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam";
    

вот html страница

<p [innerHTML]="sample"></p>

Теперь моя проблема в том, что тег привязки теперь работает, он отображает только Test, но я не могу щелкнуть его, чтобы перейти на другую страницу, как я могу заставить его работать.

Answer 1

Я думаю, что лучший подход - очистить html и использовать директиву для обработки события щелчка.

Посмотрите на этот ответ { ссылка }.

Answer 2

Селектор routerLink - это свойство Angular specifici c, что означает, что он, вероятно, не будет работать, если он привязан как необработанный HTML в элементе.

Вам лучше сделать что-то вроде этого:

HTML

<p>
  <a [routerLink]="myLink">{{myLinkLabel}}</a> 
  {{myLabel}}
</p>

Typescript

myLink = ['/something/here'] // Links have to be arrays
myLinkLabel = 'Test'
myLabel = 'smod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam'