Angularjs语言本地化

为什么myFilter调用的$scope.currentLanguageIdEnglish()或France()函数值后不会改变？
是通过过滤器进行网站的不同本地化的正常方法吗？或者现有可能是更常见的方式？

<div ng-init="GetList()"> 
    <div ng-repeat="item in items | filter: myFilter"> 
     {{item.Text}} {{item.LanguageId}} 
    </div> 
</div>

菜单：

<div class="menu"> 
    <ul> 
     <li><a href="#/about">About</a></li> 
     <li><a href="#/contacts">Contacts</a></li> 
     <li><a>Test</a></li> 
     <li><a>Test</a></li> 
     <li><a>Test</a></li> 
     <li><input type="button" value="En" ng-controller="homeController" ng-click="English()" /></li> 
     <!--<li><a>En</a></li> 
     <li><a>Fr</a></li>--> 
    </ul> 
</div>

控制器：

app.controller('homeController', function ($scope, $http) { 
    $scope.items = []; 
    $scope.currentLanguageId = ''; 
    $scope.GetList = function() { 
     $http({ 
      method: 'GET', 
      url: '/Home/GetList', 
      params: { languageId: '1'} 
     }).then(function successCallback(response) { 
      $.each(response.data, function (id,item) { 
       $scope.items.push({ Text: item.Text, LanguageId: item.LanguageId }); 
      }); 
    }, function errorCallback(response) { 
     alert('Error'); 
    }); 
    } 
    $scope.English = function() { 
     $scope.currentLanguageId = '2'; 
    } 
    $scope.France = function() { 
     $scope.currentLanguageId = '3'; 
    } 
    $scope.myFilter = function (item) { 
     console.log($scope.currentLanguageId); 
     return item.LanguageId == $scope.currentLanguageId; 
    }; 
});

来源

2016-05-26 A191919

我已经亲自使用了angular-translate（i18n），我认为这些东西你也可以看一下：https：//angular-translate.github.io/ – thepio

DEMO 我会创建一个服务，并将其连接到$ rootScope所以它是可用的每一个凡在我的应用程序，不需要在每个控制器被注入

var app = angular.module('app', []); 

app.run(function(langService){ 

    langService.fetch('spanish'); 

}); 

app.controller('MainController', function(){ 

    var vm = this; 

}); 

app.service('langService', function($rootScope){ 

    this.current = {}; 

    this.fetch = function(lang){ 

    //do your fetching here with $http 
    $rootScope.lang = { 

     ok: 'si', 
     yes: 'si', 
     no: 'no' 

    }; 

    }; 

});

那么您可以在您的应用程序的任何地方使用它像

<button>{{$root.lang.ok}}</button> 
<button>{{$root.lang.no}}</button>

值得其他的事情指出：

你的控制器太肥了，你不应该把逻辑放在你的控制器上，逻辑应该在服务中
避免尽可能地使用ng-init ，在控制器内部执行

来源

2016-05-26 10:26:12

Angularjs语言本地化

回答

相关问题