AngularJS Example

HTML

<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.0.3/angular.min.js"></script>
<script src="https://rawgithub.com/StephanHoyer/ng-translate/master/translate.js"></script>
<div ng-app="translatetest" ng-controller="TestCtrl">
    <div translate>Hello World!</div>
    <input ng-model="user">
    <div translate>Hello {{user}}!</div>
    <translate>Hello {{user}}!</translate>
    <div translate>Look at the JavaScript console!</div>
    <div>
    <input ng-model="personCount">
    <ng-pluralize translate="when" count="personCount" when="{'0': 'Nobody is viewing.','one': '1 person is viewing.','other': '{} people are viewing.'}"></ng-pluralize>
    <div translate>Message: {{message}}</div>
    <a href="#" translate="title" title="Digging in the dirt">
      Don't translate
    </a>
    <br />    
    <a href="#" translate="title innerHTML" title="Digging in the dirt">
      Hello World!
    </a>
</div>

JavaScript

angular.module('translatetest', [
    'translate',
    'translate.directives'
]).run(['translate', function(translate) {
    translate.add({
        'Hello World!': 'Hallo Welt!',
        'Hello {{user}}!': 'Hallo {{user}}!',
        "{'0': 'Nobody is viewing.','one': '1 person is viewing.','other': '{} people are viewing.'}": "{'0': 'Keiner schaut.','one': '1 Person schaut.','other': '{} Personen schauen.'}",
        'Digging in the dirt': 'Graben im Schlamm',
        'Message: {{message}}': 'Nachricht: {{message}}', 
        'Don\'t translate': 'Meh, this should not be translated'
    });
}]);

function TestCtrl($scope, translate) {
    $scope.personCount = 1;
    $scope.user = "Harry Potter";
    $scope.message = translate('Digging in the dirt');
}