在 html 中使用 angular-translate-static-files-loader

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);
};