i18nn Example translation

by Divya Manu

HTML

<script src="http://rawgithub.com/angular/bower-angular-cookies/master/angular-cookies.min.js"></script>
<script src="http://code.angularjs.org/1.1.5/angular.min.js"></script>
<script src="http://rawgithub.com/PascalPrecht/bower-angular-translate/master/angular-translate.min.js"></script>
<script src="http://rawgithub.com/PascalPrecht/bower-angular-translate-interpolation-messageformat/master/angular-translate-interpolation-messageformat.min.js"></script>
<script src="http://rawgithub.com/SlexAxton/messageformat.js/master/messageformat.js"></script>
<script src="http://rawgithub.com/SlexAxton/messageformat.js/master/locale/de.js"></script>
<script src="http://rawgithub.com/PascalPrecht/bower-angular-translate-storage-local/master/angular-translate-storage-local.min.js"></script>
<script src="http://rawgithub.com/PascalPrecht/bower-angular-translate-storage-cookie/master/angular-translate-storage-cookie.min.js"></script>
<script src="http://rawgithub.com/PascalPrecht/bower-angular-translate-loader-static-files/master/angular-translate-loader-static-files.min.js"></script>
<script src="http://rawgithub.com/PascalPrecht/bower-angular-translate-handler-log/master/angular-translate-handler-log.min.js"></script>
<div ng-app="myApp">
  <div ng-controller="Ctrl">
    <ul>
    <li ng-repeat="message in messages">
        <p>message.body</p>
        <a href="#">{{ 'REPLY_TO' | translate:{user : message.author} }}</a>
    </li>
</ul>
  </div>
</div>

JavaScript

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

app.config(['$translateProvider', function ($translateProvider) {
  $translateProvider.preferredLanguage('en');

  $translateProvider.translations('en', {
        "REPLY_TO" : "Reply to {{user}}"
  });
}]);

app.controller('Ctrl', ['$translate', '$scope', function ($translate, $scope) {

$scope.messages = [
    { author: "John", body: "Lorem ipsum" },
    { author: "Peter", body: "Lorem ipsum" },
    { author: "Nancy", body: "Lorem ipsum" }
]

}]);