爲什麼這個Angular i18n應用程序不起作用？

請幫我處理 - 翻譯當我運行的應用程序無法正常工作，然後單擊按鈕「德國」，所以我沒有翻譯這句話來德國的語言，這裏是代碼：爲什麼這個Angular i18n應用程序不起作用？

<html ng-app=""> 
    <head> 
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.0.6/angular.min.js"></script> 
    <script src="http://rawgithub.com/PascalPrecht/bower-angular-translate/master/angular-translate.min.js"></script> 
    </head> 
    <body> 
    <div class="span4"> 
     <div class="well"> 
     <h2 translate="TITLE">Hello</h2> 
     <p translate="FOO">This is a paragraph</p> 
     </div> 
     <div ng-controller="Ctrl"> 
     <button class="btn" ng-click="changeLanguage('en')" translate="BUTTON_LANG_EN">english</button> 
     <button class="btn" ng-click="changeLanguage('de')" translate="BUTTON_LANG_DE">german</button> 
     </div> 
    </div> 
    <script> 
     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); 
     }; 
     }); 
    </script> 
    </body> 
</html>

來源

2013-10-02 Vit Rasmussen

你能否具體介紹什麼不起作用？什麼是預期的和實際的結果？ – Pavlo

當我運行應用程序並單擊按鈕「德語」，所以我沒有把這個短語翻譯成德語 –

當你點擊一個按鈕時會發生什麼？ JavaScript控制檯中是否有錯誤？ – Pavlo