在 angular 中綁定 href 內部插值

Question

需要在字符串插值響應中綁定重定向鏈接。

• 我在插值綁定中顯示 API 響應值。

• 例如我的回復是，“這個網站不工作。請聯系谷歌了解更多信息”，這里我需要提供“聯系谷歌”的重定向鏈接，它應該重定向到“ www.google.com ”頁面。

• 假設“ servicerequest.errormessage ”是我從節點獲得的響應。

服務響應：

servicerequest.errormessage == "此站點無法正常工作。請聯系谷歌以獲取更多信息"

然后是我的 html 代碼，

html 綁定：

{{ servicerequest.errormessage }}

堆棧閃電戰

首先我需要拆分數據。 我只需要為“聯系谷歌”添加重定向鏈接。 我怎樣才能做到這一點？

Answer 1

如果我對你的理解正確，你需要以下內容：

• 在出現錯誤響應時顯示的字符串中包含超鏈接。

我認為您可以通過在字符串中包含 html 標簽然后使用[innerHTML]來實現此目的：

首先是TS 文件：

export class AppComponent  {
  htmlErrorMessage = 'This site is not working. <a href="https://www.google.ch">please contact google</a<> for more information';
}

然后是HTML 部分：

<div [innerHTML]="htmlErrorMessage"></div>