Hwo to dynamically load and read locale files from i18n folder

[TP]

Hi

I have created a service (as below) and able to load the locale (culture : german,chinese etc)\but unable to read the date formats

Is there anyway to do this?

  $http.

                    get('app/lib/angular/i18n/angular-locale_' + culture + '.js').

                    success(function (response) {

                        window.alert(response);

                   

                        eval(response);

                    }).

                    error(function(response) {

                        console.log('Unable to locate AngularJS locale resource.');

                    });

[Johannes Hiemer]

Hi,

how are you trying to parse the stuff into your page? Could you create a plnkr?

http://plnkr.co/edit/gist:3172544?p=preview&s=TP

Regards,

Johannes

[TP]

Hi Johannes

Below is the function and HTML which calls the service I mentioned in my question.

Whenever I click sepeific language, the localeContenturl - contains a sample HTML page (contains a var --> localess ) , which loads the data returned from the service

Could you please look into this?

function EquipmentControl($scope, $locale, localeService) {

    

    $scope.locale = $locale.id;

    $scope.changeLanguage = function(culture) {

        localeService.getResources(culture).then(function (localeResources) {

       $scope.localess = localeResources;

        });

    };

    $scope.localeContentUrl = '/app/partials/Templates/home.html';

};

   HTML

<div ng-controller="EquipmentControl">

    <p>Change language: <a ng-click="changeLanguage('en')">English </a> | <a ng-click="changeLanguage('zh')">Chinese </a> | <a ng-click="changeLanguage('de')">German </a>   </p>

    <div ng-include src="localeContentUrl"></div>

 

 </div>

[Johannes Hiemer]

Hi,

what you are trying to do won't work. AngularJS currently only allows to inject the i18n stuff in the config phase. I have created another sample which works with filter, but could lead into performance issues. Take a look here:

http://plnkr.co/kPg3EU

Regards,

Johannes

--
You received this message because you are subscribed to the Google Groups "AngularJS" group.
To post to this group, send email to ang...@googlegroups.com.
To unsubscribe from this group, send email to angular+u...@googlegroups.com.
Visit this group at http://groups.google.com/group/angular?hl=en-US.
 
 

--
Mit freundlichen Grüßen

Johannes Hiemer

[TP]

Hi Johannes.

Thanks for your piece of work. I really appreciate that.

As you said, there is no way we can inject in runtime using Angular.

Have you ever tried using RequireJs or any other technologies? I am researching on that

Thanks

Thulasi

[Johannes Hiemer]

Hi Thulasi,

nope haven't done that yet. But I would be really interested in other workarounds. I had a brief chat with Pawel last week, about the performance issues occurring, when using filters, so this is just a sample, but no really a production ready implementation. What would be cool, is to get some performance stats of the filter method and work on some other workarounds for the feature-lacking i18n implementation.

Regards,

Johannes

[TP]

Hello Johannes,

That sounds really great. Hopefully next version of angular js will have better support. Thanks for helping me out.

Regards

Thulasi

[Mark Volkmann]

I found this AngularJS module that handles dynamic locale changes perfectly!

https://github.com/lgalfaso/angular-dynamic-locale

[Gary Bisaga]

This looks very nice. Thanks for the reference!