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

Question

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

文本正在被翻译，插件总体上工作正常，但有一件事让我很苦恼，插件总是在文本前添加一个空格。我在html和tranlsation.json中都没有任何空白。

{{'Hello' | translate}}翻译成 "Hallo".

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

Ionic的信息。 Ionic CLI : 5.4.16 Ionic Framework : @ionicangular 5.0.7 @angular-devkitbuild-angular : 0.901.0 @angular-devkitschematics : 9.1.0 @angularcli : 9.1.0 @ionicangular-toolkit : 2.0.0

插件版本。 "@ngx-translatecore": "^11.0.1", "@ngx-translatehttp-loader": "^4.0.0"

我希望你有一个猜测，它可能是什么:)

Answer 1

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

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

而不是。而这只有在翻译的文本在 <div> 里面 <ion-content>