2014-10-06 57 views
12

似乎angularjs嵌入一些國際資源:

角支撐國際化/日期,數字和貨幣過濾器的本地化。 此外,Angular通過ngPluralize指令支持本地化的多元化支持 。所有可本地化的Angular組件 都依賴於由$ locale服務管理的特定於語言環境的規則集。

如果發現$locale service但不kwnow如何指定在FR-FR語言環境......

下面的代碼:

{{article.date_collected | date:'EEEE dd MMMM yyyy'}} 

給出:

Monday 06 October 2014

但我想:

Lundi將軍06 OCTOBRE 2014

有什麼建議?

回答

25

終於讓我找到了角的GitHub頁面上的迴應: https://github.com/angular/bower-angular-i18n#bower-angular-i18n

編輯:從亭子爲我工作

在你的根應用程序目錄的詳細信息,請安裝資源

bower install angular-i18n 

如果您使用bower/buildjs將所有腳本壓縮到vendor.js文件,則在此評論標記之間爲您的index.html添加<script>

<!-- endbower --> 
<script src="bower_components/angular-i18n/angular-locale_fr-fr.js"></script> 
<!-- endbuild --> 

就是這樣。

+0

你可以添加一個例子到回答? – 2015-08-04 13:32:58

+0

例子會很好。我無法找到任何有用的背後的鏈接。 – 2015-08-19 06:25:40

+0

還有沒有例子?它會真的幫助! – 2016-06-22 16:28:22

6

使用示例,按照 https://docs.angularjs.org/guide/i18n

1)得到的區域設置您從角回購或通過亭子,例如需要2)將其包括在角庫之後,例如,將其包括在角庫中。 3)現在,只要您使用ng日期過濾器顯示日期,它將採用法語 - 法國,而不是美國英語格式,例如美國英語。

{{date | date: 'fullDate'}} 

還有得是處理了幾個當地人,編程,這是AngularJS主頁「啤酒櫃臺」例如在做的方式,與

angular.module('app-us', ['app', 'ngLocal.us']); 
angular.module('app-sk', ['app', 'ngLocal.sk']); 

<script src="//code.angularjs.org/1.4.4/i18n/angular-locale_sk.js"></script> 
<script> 
angular.module('ngLocal.sk', [])._configBlocks.push(angular.module('ngLocale')._configBlocks[0]); 
</script> 
<script src="//code.angularjs.org/1.4.4/i18n/angular-locale_en-us.js"></script> 
<script> 
angular.module('ngLocal.us', [])._configBlocks.push(angular.module('ngLocale')._configBlocks[0]); 
angular.bootstrap(document, ['ngRoute', 'homepage', 'ngLocal.us']); 
</script> 

而這裏的一個更清潔的方式來做到這一點: https://github.com/lgalfaso/angular-dynamic-locale