lọc angularjs 'date' và $ locale dịch vụ

Question

dường như angularjs nhúng một số tài nguyên quốc tế hóa:

Góc hỗ trợ i18n/l10n cho ngày tháng, số lượng và tiền tệ lọc. Ngoài ra, Angular hỗ trợ khả năng hỗ trợ đa ngữ hóa địa phương thông qua chỉ thị ngPluralize. Tất cả các thành phần góc có thể bản địa hóa phụ thuộc vào các bộ quy tắc địa phương cụ thể được quản lý bởi dịch vụ miền địa phương $.

Nếu tìm thấy $locale service nhưng không kwnow làm thế nào để xác định miền địa phương trong fr-fr ...

Các mã sau đây:

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

Cung cấp:

Thứ Hai, ngày 06 tháng 10 năm 2014

Nhưng tôi muốn:

Lundi 06 Octobre 2014

Bất kỳ lời đề nghị?

Answer 1

Cuối cùng tôi tìm thấy câu trả lời trên trang github góc: https://github.com/angular/bower-angular-i18n#bower-angular-i18n

EDIT: biết thêm về những gì làm việc cho tôi

Trong thư mục ứng dụng gốc của bạn, cài đặt các nguồn lực từ Chòi chơi cho

bower install angular-i18n 

Thêm <script> vào index.html của bạn giữa các thẻ nhận xét này nếu bạn sử dụng bower/buildjs để nén tất cả tập lệnh của mình thành vendor.js tệp:

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

Vậy đó.

Answer 2

Ví dụ về sử dụng, theo https://docs.angularjs.org/guide/i18n

1) có được locale bạn cần từ repo góc hoặc thông qua lùm cây, ví dụ //raw.githubusercontent.com/angular/bower-angular-i18n/master/angular-locale_fr-fr.js

2) bao gồm sau thư viện góc, ví dụ:

<script src="vendor/angular.min.js"></script> 
<script src="vendor/angular-locale_fr-fr.js"></script> 

3) bây giờ bất cứ khi nào bạn hiển thị ngày bằng bộ lọc ngày ng, nó sẽ bằng tiếng Pháp-Pháp chứ không phải định dạng tiếng Anh Mỹ, ví dụ:

{{date | date: 'fullDate'}} 

Ngoài ra còn phải là người ngồi một cách để xử lý một số người dân địa phương theo chương trình, nó được thực hiện trên trang chủ AngularJS "bia truy cập" Ví dụ, với

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

và

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

Và đây là một cách sạch hơn để làm điều đó: https://github.com/lgalfaso/angular-dynamic-locale