AngularJS Example

HTML

<script src="http://code.angularjs.org/1.2.14/angular.js"></script>
<script src="http://rawgithub.com/angular-translate/bower-angular-translate/master/angular-translate.js"></script>
<script src="http://rawgithub.com/angular/bower-angular-cookies/master/angular-cookies.min.js"></script>
<div ng-app="myApp">
  <ul ng-controller="Ctrl">
      <li>
          <button ng-click="count=0">Set count:=0</button>
          <button ng-click="count=1">Set count:=1</button>
          <button ng-click="count=2000">Set count:=2000</button>
      </li>
    <li translate translate-compile translate-value-count="{{count}}">USERS</li>
  </ul>
</div>

JavaScript

var translations = {
    USERS: '<span ng-show="count==1">One Man Army</span><span ng-show="count>1">There are a lot of: {{count | number}}</span><span ng-show="count<1">No one left</span>'
};

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

app.config(['$translateProvider', function ($translateProvider) {
  // add translation table
  $translateProvider.translations('en', translations);
  $translateProvider.preferredLanguage('en');
}]);

app.controller('Ctrl', ['$scope', function ($scope) {
    $scope.count = 0;
}]);