在 ionic 中使用动态值翻译 innerhtml答案

【问题标题】：translate innerhtml with dynamic value in ionic在 ionic 中使用动态值翻译 innerhtml
【发布时间】：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编码错误？什么都没有？

标签： javascript angular ionic4 innerhtml translate

【解决方案1】：

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

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

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

d.description 绝对正确吗？

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

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

【讨论】：

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