i18next

Question

我正在将 i18next 库与我的 Angular 1.5.3 项目集成。

当我使用更改语言功能时，我页面上的字符串没有更新为正确的语言。

这是我的 html:

<!DOCTYPE html>
<html lang="en">

  <head>
    <script data-require="angular.js@1.5.3" data-semver="1.5.3" src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.3/angular.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.5.3/angular-sanitize.min.js"></script> 
    <script src="https://cdnjs.cloudflare.com/ajax/libs/i18next/8.4.1/i18next.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/ng-i18next/1.0.4/ng-i18next.min.js"></script>
    <script src="app.js"></script>
    <meta charset="utf-8" />
  </head>

  <body ng-app="myApp">
    <div ng-controller="MyCtrl">
      Hello, {{name}}!
      <div ng-i18next="HELLO"></div>
      <button ng-click="change()">change lng</button>
    </div>
  </body>

</html>

这是我的 app.js

if (window.i18next) {
  window.i18next.init({
    debug: true,
    lng: 'en', // If not given, i18n will detect the browser language.
    fallbackLng: 'en', // Default is dev
    resources: {},
    useCookie: false,
    useLocalStorage: false,
    joinArrays: '<br />'
  });
}

var myApp = angular.module('myApp', ['ngSanitize', 'jm.i18next']);
myApp.controller('MyCtrl', MyCtrl);

function MyCtrl($scope, $i18next) {
  $scope.name = 'Superhero';

  $scope.change = function() {
    $i18next.i18n.changeLanguage('fr', function(err, t) {
      console.log(t('HELLO')); //prints out bonjour
    });
    console.log($i18next.t('HELLO')); //prints out hiya
  };

  $i18next.i18n.addResourceBundle('en', 'translation', {
    'HELLO': 'hiya'
  });

  $i18next.i18n.addResourceBundle('fr', 'translation', {
    'HELLO': 'bonjour'
  });

  console.log($i18next.t('HELLO')); //prints out hiya
}

笨蛋：https://plnkr.co/edit/7oI13bNJVqVgTEFOT6bk

我不知道如何 'refresh' 我的页面才能获得正确的翻译。

Answer 1

Working plunker

使用它来更改语言$i18next.changeLanguage('fr');

替换：

$i18next.i18n.changeLanguage('fr', function(err, t) {
  console.log(t('HELLO')); //prints out bonjour
});

有了这个：

$i18next.changeLanguage('fr');

控制器中的翻译
对于语言更改后要在控制器中执行的翻译，请监听 i18nextLanguageChange 事件，然后执行如下翻译。

  // Listen for the language change event and perform $scope bindings
  $scope.$on('i18nextLanguageChange', function () {
    // Inside a timeout to allow the language change to complete
    $timeout(function () {
      console.log($i18next.t('HELLO'));}
      );
  });

i18next - 语言更改时字符串不更新

i18next - strings don't update when the language is changed

angularjs

localization