离子Cordova ngx翻译总是在开头添加一个空白。

Question

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

文本正在被翻译和插件整体工作良好，但有一件事，磨我的齿轮。插件总是在文本的前面添加一个空格。我在html中没有任何空白空间，在传输.json中也没有.

{{'Hello' | translate}}翻译成“Hallo”。

这在所有平台上都会发生，浏览器中有ionic serve (试用了chrome和firefox，这是过时的，因为我想在安卓和ios上部署)。

离子信息：

Ionic CLI                     : 5.4.16

Ionic Framework               : @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-toolkit        : 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>

这只在翻译文本在<div>内的<ion-content>中才有效。