使用AngularJS实现国际化

我是个新手。我刚开始读指令。我的第一个任务是国际化。我已经浏览了Angular JS i18n的文档。他们给出了最基本的答案。有谁能给我推荐一个创建示例的好例子吗

多谢各位 Nizam

我们使用了这个简单的包装服务和指令：

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



app.service('i18n', function($q, $locale) {
    var deferred = $q.defer();
    jQuery.i18n.properties({
        name:'Messages', 
        path:'messages/', 
        mode : 'both',
        language:$locale.id, 
        callback: function() {
            deferred.resolve();
        } 

    });

    this.resolve = deferred.promise;

    this.getResource = function(key) {
        return jQuery.i18n.prop(key);
    };

});


app.directive('localize', function(i18n) {
    return {
        scope : {
            key : '=localize'
        },
        link : function($scope, $element, $attr) {
            $scope.$watch('key', function(key) {
                var value = i18n.getResource(key);
                $element.text(value);
            });

        }
    }
});

怎么样？它很容易使用

JS:

HTML:

{{'TITLE'| translate}

然后，您可以调用“changeLanguage”来更改其他语言

<button ng-click="changeLanguage('en')">EN</button>
<button ng-click="changeLanguage('de')">DE</button>

EN
判定元件

---

是指南。

我以前使用过Jquery插件。谢谢你的回答。但是，我要做的是角度JS，比如。我需要使用Angular Translate.，你能给我一个例子以及html吗？我们需要安装什么？JS需要什么？请让我知道很简单的翻译，我已经得到了第一行的链接：）帮助了很多。干杯：）

<h2>{{'TITLE' | translate}}</h2>

<button ng-click="changeLanguage('en')">EN</button>
<button ng-click="changeLanguage('de')">DE</button>