通过 typescript 变量使用时，Ionic 2 App 中的 HTML 标记未得到解析

Posted 2023-05-07

【中文标题】通过 typescript 变量使用时，Ionic 2 App 中的 HTML 标记未得到解析

【英文标题】：HTML tags are not getting resolved in Ionic 2 App when used through typescript variable

【发布时间】：2017-02-26 21:56:09

【问题描述】：

我正在使用 Ionic 2 RC.0。在html文件中

  <ion-item no-lines>
    <ion-label style="text-align:justify">labelAndAlerts.LBL_WCACK_STATEMENT</ion-label>
  </ion-item>

其中 labelAndAlerts.LBL_WCACK_STATEMENT 的值类似于：

Please select the following <b>Some Bold Value</b> and <b>Some Another Bold Value</b>.

问题是当我的页面加载时，粗体标签正在打印，而不是粗体值。我该怎么做？

【问题讨论】：

Angular 2 equivalent of ng-bind-html, $sce.trustAsHTML(), and $compile?的可能重复

【参考方案1】：

也许你想要这样的东西

<ion-label style="text-align:justify">
  <div [outerHTML]="labelAndAlerts.LBL_WCACK_STATEMENT"></div>
</ion-label>

outerHTML documentation