Использование angular-translate-static-files-loader в html

Question

Я использовал угловой перевод статических загрузчиков файлов для перевода содержимого в html. Мой код отлично работает при загрузке страницы, он отображается на выбранном языке после загрузки, когда я выбираю другой язык, который он не переводит.

мой HTML-код:

<select ng-model="selected" ng-options=" selec.Name for selec in langTable"> </select><br> 
     <span ng-bind-html="'world' |translate"></span> 

мой угловой код:

.config(function($translateProvider){ 
$translateProvider.useStaticFilesLoader({ 
prefix:'assets/', 
suffix:'.STRINGS' 
}); 
}) 
.controller('Ctrl', function ($scope,$translate) { 
    $scope.langTable=[{Name:'English',value:"en_US"},{Name:'France',value:"fr_FR"},{Name:'German',value:"pt_BR"}]; 
    $scope.selected=$scope.langTable[1]; 
    $translate.use($scope.selected.value); 
    console.log($scope.selected.value); 
}) 

my en_US.STRINGS contains : 
{ 
"world": "halooo worlde welcame to our new aPPP", 
"hello":"haloo" 
} 

все мой файл .strings содержит слово мир !!

Answer 1

Вы должны наблюдать за изменением языка в выберите вход:

<select ng-model="selected" ng-options=" selec.value as selec.Name for selec in langTable" ng-change="setLang()"> </select> 

и в контроллере:

$scope.setLang = function() { 
    $translate.use($scope.selected); 
};