在 Safari 上使用 Angular 管道时括号工作错误

Question

在我的 angular 项目中，我使用 "@ngx-translate/core": "^11.0.1" 将英语翻译成波斯语。

<label class="code">
  ({{'User.' + currency | translate}})
 </label>

当使用括号包裹波斯语翻译管道时，括号在 Safari 中以错误的方式出现 (IOS)

但在 chrome 中它按预期工作

我怎样才能让它正常工作？

Answer 1

将它包裹在span标签中并添加一个带有display: inline-block的样式。

<label class="code">
  <span style="display: inline-block">({{'User.' + currency | translate}})</span>
</label>

应该可以解决您的问题。

Parentheses working wrong when using Angular pipe on Safari