2014-10-06 18 views
12

usługa wydaje się, że angularjs osadzić niektóre umiędzynarodowionych zasoby:

wsporniki kątowe i18n/l10n na datę, numer i walutowych filtrów. Dodatkowo, Angular wspiera lokalizowalną obsługę pluralizacji poprzez dyrektywę ngPluralize. Wszystkie lokalizowalne komponenty kątowe zależą od zestawów reguł specyficznych dla ustawień narodowych zarządzanych przez usługę $ locale.

Jeśli znalazł $locale service ale nie kwnow jak określić ustawienia regionalne w fr-fr ...

Poniższy kod:

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

Daje:

Poniedziałek 06 października 2014 r.

Ale chcę:

Lundi 06 Octobre 2014

Wszelkie sugestie?

Odpowiedz

25

końcu znalazłem odpowiedź na kątowym stronie github: https://github.com/angular/bower-angular-i18n#bower-angular-i18n

EDIT: Więcej informacji na co pracował dla mnie

W katalogu głównego aplikacji, zainstaluj środków z altany

bower install angular-i18n 

Dodaj <script> do pliku index.html między tagi komentarzy, jeśli używasz bower/buildjs do kompaktowania wszystkich skryptów do pliku vendor.js:

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

To wszystko.

+0

Czy możesz dodać przykład do odpowiedź? –

+0

Przykład byłby dobry. Nie znalazłem nic przydatnego za tym linkiem. –

+0

nadal nie ma przykładu? to naprawdę pomogłoby! –

6

przykładem, jak na https://docs.angularjs.org/guide/i18n

1) uzyskać ustawienia regionalne trzeba z kątowym repo lub altana np //raw.githubusercontent.com/angular/bower-angular-i18n/master/angular-locale_fr-fr.js

2) dołącz go po bibliotece kątowej, np.

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

3) teraz, kiedy tylko wyświetla datę przy użyciu filtra datę ng, to będzie w francuskiej France, nie format US English, np

{{date | date: 'fullDate'}} 

Jest też Musi być jakiś sposób, aby obsługiwać kilka miejscowych programowo, to zrobić na stronie głównej angularjs „piwo licznik” przykład,

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

i

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

i oto czysty sposób na zrobienie tego: https://github.com/lgalfaso/angular-dynamic-locale