Rails: l'Internationalisation des Chaînes de caractères Javascript?

Pourquoi pas quelque chose de simple comme:

<script type="text/javascript">
  window.I18n = <%= I18n.backend.send(:translations).to_json.html_safe %>
</script>

Ensuite en JS vous pouvez faire des choses comme:

I18n["en-US"]["alpha"]["bravo"];

J'ai enveloppé le mien dans une demande d'aide.

def current_translations
  @translations ||= I18n.backend.send(:translations)
  @translations[I18n.locale].with_indifferent_access
end

Puis mon appel dans mon application.html.erb ressemble à ceci:

<script type="text/javascript">
  window.I18n = <%= current_translations.to_json.html_safe %>
</script>

Cela vous permet de vous éviter d'avoir à connaître les paramètres régionaux actuels en JavaScript.

I18n["alpha"]["bravo"];

Ou

I18n.alpha.bravo;

De Ryan solution ci-dessus est parfait, sauf le backend doit être initialisé si elle n'a pas déjà été.

I18n.backend.send(:init_translations) unless I18n.backend.initialized?
# now you can safely dump the translations to json

Pourquoi ne pas tout simplement dans votre fichier Javascript:

var a_message = "<%= I18n.t 'my_key' %>"

Pour que cela fonctionne, vous devez ajouter .erb à l'option Javascript de votre extension de fichier.

Vous pourriez aussi avoir besoin d'ajouter la ligne suivante au début de votre fichier Javascript si vous n'êtes pas à l'aide de ruby >= 2.0.

<%# encoding: utf-8 %>

Voir le dernier commentaire de la accepté de répondre dans ce fil pour plus d'info: Problèmes d'encodage dans les fichiers javascript à l'aide de rails asset pipeline

Une autre option qui pourrait être utile:

En supposant que vous avez un modèle de Langue (slug) qui contient tous vos langues disponibles.
Il gère les cas, il y a un manque de traduction (il est remplacé par les paramètres régionaux par défaut de la version)

actifs/javascript/i18n.js.erb

<%
@translator = I18n.backend
@translator.load_translations

translations = {}
Language.all.each do |l|
    translations[l.slug] = @translator.send(:translations)[l.slug.to_sym]
end

@translations = translations

%>
window.I18n = <%= @translations.to_json.html_safe %>

window.I18n.t = function(key){
    if(window.I18n[current_locale]){
        el = eval("I18n['"+current_locale+"']." + key);
    }
    if(window.I18n[default_locale] && typeof(el) == 'undefined'){
        el = eval("I18n['"+default_locale+"']." + key);
    }
    if(typeof(el) == 'undefined'){
        el = key;
    }
    return el;
};

views/layout/de l'application.html.erb

...
<%= javascript_tag "var current_locale = '#{I18n.locale.to_s}';" %>
<%= javascript_tag "var default_locale = '#{I18n.default_locale}';" %>
...

Dans vous code javascript, vous pouvez traduire comme ceci:

//current_locale:fr , default_locale:en

//existing translation (in french) 
I18n.t('message.hello_world'); //=> Bonjour le monde

//non-existing translation (in french) but existing in english 
I18n.t('message.hello_this_world'); //=> Hello this world

//non-existing translation (french & english) 
I18n.t('message.hello_this_new_world'); //=> message.hello_this_new_world

Espère que ça aide!

I18n-js est très bien fonctionné pour moi et je le recommande. Si vous utilisez son réécriture de la branche puis le plugin comprendra un /assets/i18n/filtered.js fichier qui génère exactement ce que @ryan-montgomery répondu, sans avoir rien à faire vous-même manuellement.

De cette façon, vous pouvez utiliser les mêmes traductions sur le backend
avec des Rails aides t(:key) et à l'aide de I18n.t('key') en Javascript sur le frontend.