javascript - Angular 翻译使用键而不是值来表示文本？

Question

我正在关注 ng-book 的本地化部分。这就是我所做的一切:

1) 通过 Bower install Angular-translate 安装
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