Ionic Cordova ngx Translate 总是在开头添加一个白色 space

Question

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

文本正在翻译中，插件整体运行良好，但有一件事让我很不爽。该插件总是在文本前添加一个白色的 space。我在 html 和翻译中都没有任何白色 spaces。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
@ionic/angular-工具包：2.0.0

插件版本：
"@ngx-translate/core": "^11.0.1",
"@ngx-translate/http-loader": "^4.0.0"

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

Answer 1

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

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

不会。这仅在翻译文本位于 <ion-content>

内的 <div> 中时才有效

Ionic Cordova ngx Translate 总是在开头添加一个白色 space

Ionic Cordova ngx Translate always adds a white space at the beginning

ionic-framework

ngx-translate

angular