超链接未嵌入或未正确读取 angular UI

Question

目前我正在阅读 json 中的文本并将其显示在 angular UI 中。虽然我需要添加超链接，但它似乎不理解锚标记。

这是渲染页面的样子

1.3 If you do not agree to any of the provisions of these Terms, you should immediately stop using the Portal. If you have any questions regarding these Terms, you can contact us as set out in paragraph 12 below. 
1.4 Please also read our Privacy Policy <a href='https://www.test.com/site-services/privacy-policy'</a>  and how we use cookies in providing the Portal.

Html 页

 <section>
  <article class="info-panel">
        <!-- <object data="assets/terms_of_use.pdf" type="application/pdf"></object> -->
        <p class="terms" *ngIf="readOnline">
          {{ 'portal.onboarding.welcome.stage1.terms_full' | translate }}
        </p>
      </article>
    </section>

json

  "terms_full": "\r\n If you do not agree to any of the provisions of these Terms, you should immediately stop using the Portal. If you have any questions regarding these Terms, you can contact us as set out in paragraph 12 below. \r\n1.4\tPlease also read our Privacy Policy <a href='https://www.test.com/site-services/privacy-policy'</a> and how we use cookies in providing the Portal.\r\n"

Answer 1

使用 [innerHTML] 属性。

<section>
  <article class="info-panel">
    <p class="terms" *ngIf="readOnline"  [innerHTML]="'portal.onboarding.welcome.stage1.terms_full' | translate"></p>
  </article>
</section>

注意：您也没有关闭 JSON 文件中的 <a> 标签，因此您也应该这样做。

"terms_full": "\r\n If you do not agree to any of the provisions of these Terms, you should immediately stop using the Portal. If you have any questions regarding these Terms, you can contact us as set out in paragraph 12 below. \r\n1.4\tPlease also read our Privacy Policy <a href='https://www.test.com/site-services/privacy-policy'></a> and how we use cookies in providing the Portal.\r\n"

超链接未嵌入或未正确读取 angular UI

hperlink not getting embedded or correctly read in angular UI

ngx-translate

angular