ng2-translate on tabTitle in Ionic 2 не отображается

Question

Я пытаюсь использовать ng2-translate для вкладки ion, но название не появляется ... Я не понимаю, потому что я уже использовал перевод на другой файл, и это сработало!

Это мой HTML-код в моем tabs.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

Наконец я нашел решение. Моя передача появляется на странице, но стиль по умолчанию устанавливает отображение моего диапазона в «none». Я решил переопределить этот стиль, чтобы решить мою проблему.

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

Я изменил это в своем файле variable.scss. Надеюсь, мой ответ может кому-то помочь.

Answer 2

У меня была такая же проблема, и еще одно решение - оставить пробел перед переводом. В вашем случае, как это:

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

:)