2015-11-10 12 views
1

我正在關注本地化部分的ng-book。這就是我所做的:通過安裝鮑爾angular translate使用鍵不是代表文本的值?

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」。

任何想法傢伙?我正在追蹤這本書,但它不會奏效,我一定在做錯事。

回答

0

從他們的網站,你需要設置語言:

$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

+0

沒有工作:■它仍然顯示「標題」,而不是文字。如果我將translateprovider添加到大app.config參數等,它說:「TypeError:無法讀取未定義的屬性'翻譯'。任何想法? –

相關問題