Another One Way to Create a Multilingual AngularJS Application

<!DOCTYPE html>
<html ng-app="app">

<head>
  <link rel="stylesheet" href="style.css" />
  <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.0-rc.2/angular.min.js"></script>
  <script src="//cdnjs.cloudflare.com/ajax/libs/angular-translate/2.7.0/angular-translate.min.js"></script>
  <script src="script.js"></script>
</head>

<body ng-controller="MainCtrl">
  <h1>{{greet | translate }} Plunker!</h1>
  <button type="button" ng-click="changeLanguage('en')">English</button> |
  <button type="button" ng-click="changeLanguage('ru')">Русский</button>
</body>

</html>

// Code goes here

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

  app.config(function ($translateProvider) {
    
    $translateProvider.translations('en', {
      greet: 'Hello'
    });
    
    $translateProvider.translations('ru', {
      greet: 'Привет'
    });
    
    $translateProvider.preferredLanguage('en');
    
  });
  
  app.controller('MainCtrl', function ($scope, $translate) {
    $scope.greet='greet';
    $scope.changeLanguage = function (key) {
      $translate.use(key);
    };
  });
  
})();

/* Styles go here */