I18n in EmberJS (routing and in general)

Question

Does EmberJS support translated routes for internationalized apps? Or does it at least make it easy to extend it to support i18n routes? Anybody with experience with this?

E.g. can the route string be somehow set dynamically from locale files? Also it would be cool when using Ember with Rails routing would not have to be specified twice... is that so?

I'm new to Ember (currently evaluating js frameworks) but I assume in general with Rails one would simply specify very basic routes from within Rails and the rest in Ember? So there wouldn't be much duplication? Wonder if locale files from Rails could be used to lookup route translations.

As a more general question: does Ember has any support for I18n already?

Relevant question about I18n: stackoverflow.com/questions/8762456/… — pangratz
Why would you want to create internationalized routes? I can't think of an use case, so I'm just wondering. — pangratz
Well, in an internationalized app with "pretty", readable urls. Like e.g. /article/a-great-article would become in german: /artikel/ein-toller-artikel — Nico
Basically you would want this for seo and a native language app feeling for users. — Nico

pangratz pangratz · Accepted Answer · 2012-06-18T11:07:41

You can achieve internationalized routes by reopening Ember.Route and setting the localized route when it is initialized, see an example here http://jsfiddle.net/pangratz666/wQXvb/.

You have to make sure that the Ember.STRINGS is defined before your router is initialized. The String lookup itself can be done by the loc method, as mentioned by sly7_7.

Ember.STRINGS = {
    '/all': '/alle',
    '/home/:id': '/zuhause/:id'
};

Ember.Route.reopen({
    init: function() {
        this._super();
        var route = this.get('route');
        if (route) this.set('route', route.loc());
    }
});

I18n in EmberJS (routing and in general)

3 Answers