Question

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

正在翻译文本，并且插件总体上运行良好，但有一件事使我难以接受。插件始终在文本前面添加空格。我在html和tranlsation .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-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>中时，此方法才有效

Ionic Cordova ngx Translate始终在开头添加空白

1 个答案: