0

翻訳に angular-translate を使用し、FOUC を回避しようとしています。

angular.forEach(translations, function(translation){
  $translateProvider.translations(translation.locale, translation.translations);
});

$translateProvider.preferredLanguage(settings.defaultLocale);

そして、私のhtmlの1つでこれをやろうとしています

<h3 class="xxxx" translate translate-cloak>{{'ITEMS'}}</h3>

しかし、まだ FOUC の動作が見られます。任意のアイデアや提案。スクリプトをデバッグすると、イベント $translateLoadingSuccess が呼び出されないため、ページが読み込まれた後でもすべての要素が表示されません。

4

2 に答える 2

0

FOUC を回避したい場合、探しているのは ng-cloak です。次のように追加する必要があります。

<body class="{{ bodyClass }}" ng-cloak>

これにより、不要なフラッシュが防止されます。Angular ドキュメントへのリンク

于 2014-07-27T07:59:50.713 に答える
0

ngBind を使用して問題を解決できました。次に、翻訳ログインをコントローラーに移動しました

$translate('KEY').then(function(newValue){
    $scope.KEY = newValue;
});

また、ngSanitize を使用して app.config でセットアップする必要があります。

于 2014-07-28T17:29:31.800 に答える