如何在 angular 中綁定錨標簽

Question

在我的 angular 應用程序中，我正在嘗試使用 angular innerHTML 將字符串綁定到 div，這是字符串

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

routerLink選擇器是 Angular 特定屬性，這意味着當它綁定為元素中的原始 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'

Answer 2

我認為最好的方法是清理 html 並使用指令來處理點擊事件。

看看那個答案https://stackoverflow.com/a/49006667/5264995 。