イオン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

最後に解決策が見つかりました。私の表情はページに表示されますが、デフォルトスタイルでは私のスパンの表示が「なし」に設定されます。私は自分の問題を解決するためにこのスタイルをオーバーライドしました。

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

variable.scssファイルでこれを変更しました。 私の答えが誰かを助けることができれば幸いです。

Answer 2

私は同じ問題を抱えていました。もう1つの解決策は、翻訳の前にスペースを残すことです。このように、あなたの場合：

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

:)