AngularJS $ translate.refresh（）在加載時不工作

Question

我正在使用angular-traslate-partial-loader測試Angular-translate，並且它沒有在頁面加載時使用默認轉換填充頁面。

這裏是一個問題的plunkr重新

app.controller('MainCtrl', ['$scope', '$translate', '$translatePartialLoader', 
    function($scope, $translate, $translatePartialLoader) { 
    $translatePartialLoader.addPart('test'); 
    $translate.refresh(); 
    $scope.dotranslate = function() { 
     $translate.refresh(); 
    }; 
    } 
]); 

​​3210

我加了一個刷新按鈕，以表明$ translate.refresh（）頁面加載後的作品。

我在想什麼？

Answer 1

我從來沒有使用過$ translate，因此我不確定問題到底是什麼，但是您可能會在摘要週期中更改值太晚，以便刷新。

您可以使用$ scope。$ evalAsync來解決這個問題。看到這裏的角文檔：https://docs.angularjs.org/api/ng/type/$rootScope.Scope

這是您app.js與變化的一個例子：

var app = angular.module('plunker', ['pascalprecht.translate']); 
app.config(function run($translateProvider, $translatePartialLoaderProvider) { 
    $translateProvider.useLoader('$translatePartialLoader', { 
    urlTemplate: 'translation-{lang}-{part}.json' 
    }); 

    $translateProvider.preferredLanguage('fr-FR'); 
}); 
app.controller('MainCtrl', ['$scope', '$translate', '$translatePartialLoader', 
    function($scope, $translate, $translatePartialLoader) { 
    $translatePartialLoader.addPart('test'); 

    //I wrapped your refresh in the eval async function 
    $scope.$evalAsync(function() { 
     $translate.refresh(); 
    }); 

    $scope.dotranslate = function() { 
     $translate.refresh(); 
    }; 
    } 
]);