2014-07-27 70 views
0

我使用角度翻譯進行翻譯並試圖避免FOUC。translateLoadingSuccess永遠不會被稱爲角度翻譯

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

$translateProvider.preferredLanguage(settings.defaultLocale); 

和IM試圖做到這一點在我的HTML

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

之一,但我仍然看到FOUC行爲。任何想法或建議。當我調試腳本時,我看到事件$ translateLoadingSuccess永遠不會被調用,所以即使在頁面加載後,我的所有元素都是不可見的。

回答

0

如果你想避免FOUC,你要找的是ng-cloak。您必須像這樣添加:

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

這樣可以防止不必要的閃爍。 LINK TO ANGULAR DOCS

+0

林已經有NG-斗篷,但它不在IM的呈現圖像的情況下工作url ..當我登陸page.html。那就是當FOUC發生時 – Gaurav18ca

+0

但ng-src確實可以解決這個問題,我猜... – harishr

0

我能夠使用ngBind解決問題。然後移動控制器中的翻譯登錄

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

還需要確保喲app.config中使用ngSanitize設置

相關問題