title: Why this Angular i18n application doesn't work?
body: <p>help me please to deal - translate doesn't work when i run application and click the button "german", so i have no translate this phrase to german language, here is code:</p>
  
  <pre><code>&lt;html ng-app=""&gt;
    &lt;head&gt;
      &lt;script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.0.6/angular.min.js"&gt;&lt;/script&gt;
      &lt;script src="http://rawgithub.com/PascalPrecht/bower-angular-translate/master/angular-translate.min.js"&gt;&lt;/script&gt;
    &lt;/head&gt;
    &lt;body&gt;
      &lt;div class="span4"&gt;
        &lt;div class="well"&gt;
          &lt;h2 translate="TITLE"&gt;Hello&lt;/h2&gt;
          &lt;p translate="FOO"&gt;This is a paragraph&lt;/p&gt;
        &lt;/div&gt;
        &lt;div ng-controller="Ctrl"&gt;
          &lt;button class="btn" ng-click="changeLanguage('en')" translate="BUTTON_LANG_EN"&gt;english&lt;/button&gt;
          &lt;button class="btn" ng-click="changeLanguage('de')" translate="BUTTON_LANG_DE"&gt;german&lt;/button&gt;
        &lt;/div&gt;
      &lt;/div&gt;
      &lt;script&gt;
        var app = angular.module('at', ['pascalprecht.translate']);
  
        app.config(function ($translateProvider) {
          $translateProvider.translations('en', {
            TITLE: 'Hello',
            FOO: 'This is a paragraph.',
            BUTTON_LANG_EN: 'english',
            BUTTON_LANG_DE: 'german'
          });
          $translateProvider.translations('de', {
            TITLE: 'Hallo',
            FOO: 'Dies ist ein Paragraph.',
            BUTTON_LANG_EN: 'englisch',
            BUTTON_LANG_DE: 'deutsch'
          });
          $translateProvider.preferredLanguage('en');
        });
  
        app.controller('Ctrl', function ($scope, $translate) {
          $scope.changeLanguage = function (key) {
            $translate.uses(key);
          };
        });
      &lt;/script&gt;
    &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>