Угловой перевод использует ключ, а не значение для представления текста?

Question

Я следую за ng-книгой о локализации. Это все, что я сделал:

1) устанавливается с помощью дачи установкой углового перевода
2) загрузил его в с помощью тега сценария в моем HTML, где файл

<script type="text/javascript" src="js/lib/angular-translate/angular-translate.js"></script> 

3) добавил модуль

var app = angular.module('eva', ['ui.router','ngMaterial','ngMessages', 'controllers', 'factories', 'ngAnimate', '720kb.socialshare', 'pascalprecht.translate']); 

4) сделал отдельный конфигурационный

app.config(['$translateProvider', function($translateProvider) { 
    $translateProvider.translations({ 
     HEADLINE: 'EVA - eet plantaardig!', 
     INTRO_TEXT: 'And it has i18n support!' 
    }); 
}]); 

5) изменил кусок кода на следующий для тестирования (HTML файл)

<md-button href="#/profile" layout-fill> 
        {{ 'HEADLINE' | translate }} 
       </md-button> 

6) Теперь, когда я иду работать мой сайт, где «Профиль», используемый, чтобы быть, как и положено, теперь должно быть «EVA - eet plantaardig!» правильно? Нет, он показывает только «HEADLINE».

Любые идеи парней? Я следую за книгой, но это не сработает, я должен что-то делать неправильно.

Answer 1

С их сайта вам необходимо установить язык:

$translateProvider.translations('en', { 
    HEADLINE: 'EVA - eet plantaardig!', 
    INTRO_TEXT: 'And it has i18n support!' 
}); 

Это можно увидеть в документации: https://angular-translate.github.io/docs/#/api/pascalprecht.translate.filter:translate