AngularJS? 的國際化和本地化模塊:angular-translate

jopen 10年前發布 | 69K 次閱讀 JavaScript開發 angularjs

AngularJS? 的國際化和本地化模塊:angular-translate

angular-translate 是一個 AngularJS 的模塊,用于簡化 i18n 和 l10n 應用的便攜,實現了延遲加載和多元化。

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

app.config(function ($translateProvider) {
  $translateProvider.translations('en', {
    TITLE: 'Hello',
    FOO: 'This is a paragraph.',
    BUTTON_LANG_EN: 'english',
    BUTTON_LANG_DE: 'german'
  });
  $translateProvider.translations('de', {
    TITLE: 'Hallo',
    FOO: 'Dies ist ein Paragraph.',
    BUTTON_LANG_EN: 'englisch',
    BUTTON_LANG_DE: 'deutsch'
  });
  $translateProvider.preferredLanguage('en');
});

app.controller('Ctrl', function ($scope, $translate) {
  $scope.changeLanguage = function (key) {
    $translate.use(key);
  };
});

Features

It provides components like filters and directives, asynchronous loading of i18n data, full pluralization support through MessageFormat and much more!

Flexibility

angular-translate is very flexible. You can build your own loaders, storages or error handlers and extend angular-translate to your needs!

項目主頁:http://www.baiduhome.net/lib/view/home/1392601198069

 本文由用戶 jopen 自行上傳分享,僅供網友學習交流。所有權歸原作者,若您的權利被侵害,請聯系管理員。
 轉載本站原創文章,請注明出處,并保留原始鏈接、圖片水印。
 本站是一個以用戶分享為主的開源技術平臺,歡迎各類分享!