AngularJS Example

by knalli

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">
  <div ng-controller="Ctrl" ng-init="data={apples:1}">
      <input type="text" ng-model="data.apples" />
      <span translate translate-values="{count: data.apples}">APPLES</span>
  </div>
  <div ng-controller="Ctrl" ng-init="data={}">
      <input type="text" ng-init="data.apples=2" ng-model="data.apples" />
      <span translate translate-values="{count: data.apples}">APPLES</span>
  </div>
</div>

JavaScript

var translations = {
    APPLES: '{{count}} apples'
};

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', function(){});