angular - Ionic Cordova ngx Translate 总是在开头添加一个空格

Question

我正在使用 Ionic 4 开发一个多语言应用程序，最近升级到 Ionic 5，这对插件的行为没有任何影响。

文本正在翻译中，插件整体运行良好，但有一件事让我感到厌烦。该插件总是在文本前面添加一个空格。我在 html 和翻译 .json 中都没有任何空格...

{{'Hello' | translate}} 翻译为“你好”。

这发生在所有平台和ionic serve浏览器中（尝试过 chrome 和 firefox，因为我想在 android 和 ios 上部署，所以它已经过时了）。

离子信息：
离子 CLI：5.4.16
离子框架：@ionic/angular 5.0.7
@angular-devkit/build-angular：0.901.0
@angular-devkit/schematics：9.1.0
@angular/cli：9.1.0
@离子/角度工具包：2.0.0

插件版本：
“@ngx-translate/core”：“^11.0.1”、
“@ngx-translate/http-loader”：“^4.0.0”

我希望你猜猜它可能是什么。:)

标签： angularionic-frameworkngx-translate

Answer 1

好的，我发现了问题。编译器无法识别 html 行的缩进。
<div class="intro">{{'Hello'|translate}}</div>
完美翻译。否则

<div class="intro">
    {{'User.card.intro'|translate}}
</div>

没有。这只有在翻译文本在<div>里面时才有效<ion-content>