在 ionic 中使用动态值翻译 innerhtml

Posted 2023-05-07

【中文标题】在 ionic 中使用动态值翻译 innerhtml

【英文标题】：translate innerhtml with dynamic value in ionic

【发布时间】：2020-01-28 09:08:46

【问题描述】：

我想翻译innerhtml中的字符串数组

我已经在评估中定义了我的 en 和 fr json。它在普通标签上工作正常

但它是 InnerHTML 的一个问题

代码

  <ion-item *ngFor="let d of diseases; let i=index" text-wrap (click)="toggleGroup(i)" [ngClass]="active: isGroupShown(i)">

<ion-label text-wrap>
  <h2>d.title | translate </h2>
        <p *ngIf="isGroupShown(i)" [innerHTML]= "'d.description' | translate" ></p>

   </ion-label>

d.title翻译成功。 但 d.description 没有按预期工作

【问题讨论】：

如果我的回答没有帮助，请更新以明确“未按预期工作” - 它是否显示未翻译？ html编码错误？什么都没有？

【参考方案1】：

在寻找答案时，我找到了this issue，其中有一个示例，说明您的语法可能正确：

<div [innerHTML]="'firstname-optional' | translate"></div>

这让我觉得你可能真的遇到了其他问题。

d.description 绝对正确吗？

它对你正在检查的那个有一个价值？

如果您将其实际测试为不是innerHTML 的东西，它是否有效？

【讨论】：

您是否确认d.description 已按照您的预期填充：<h2>d.description | translate </h2>