在Ionic 2中的tabTitle上的ng2-translate不会出现

Question

我正在尝试使用ng2-translate作为离子标签，但标题并没有出现......我不明白，因为我已经在另一个文件上使用了翻译而且它有效！

这是我的tabs.html中的HTML代码：

<ion-tab [root]="tab2Root" tabTitle="{{'TEST' | translate}}" tabBadge="1" tabBadgeStyle="notif"></ion-tab>

我的代码在tabs.ts

export class TabsPage {
   tab2Root : Page2;
}
constructor(translate: TranslateService) {
 translate.setDefaultLang('fr');
 translate.use('fr');
}
}

我的资产/翻译文件夹中有一个fr.json文件。它的工作原理是因为我已经使用它了。

我不知道自己要做什么......

Answer 1

最后我找到了解决方案。我的traduction出现在页面上，但默认样式将我的span的显示设置为“none”。我已经覆盖了这种风格来解决我的问题。

.tab-button-text {
     display: block !important
}

我在我的variable.scss文件中更改了这个。 我希望我的回答可以帮助别人。

Answer 2

我有同样的问题，另一个解决方案是在翻译前留一个空格。在你的情况下，像这样：

<ion-tab [root]="tab2Root" tabTitle=" {{'TEST' | translate}}" tabBadge="1" tabBadgeStyle="notif"></ion-tab>

：）