¿Cómo acceder a las variables de instancia en el interior del motor CoffeeScript una plantilla Delgado

Question

Tengo un controlador de rieles en el que me he fijado una variable de instancia -

@user_name = "Some Username" 

En mi plantilla .slim estoy usando el motor de café para generar javascript y quiera imprimir el nombre de usuario del código JavaScript en el cliente sie -

coffee: 
    $(document).ready -> 
    name = "#{@user_name}" 
    alert name 

Pero este es el javascript que se está generando ??

$(document).ready(function() { 
    var name; 
    name = "" + this.my_name; 
    alert(name); 
} 

¿Cómo puedo acceder a las variables de instancia de controlador en mi código CoffeeScript ??

Lo estoy etiquetando como haml ya que supongo que haml tendrá el mismo problema cuando use CoffeeScript.

Answer 1

Lo que está sucediendo es que "#{@user_name}" se interpreta como CoffeeScript, no como código de Ruby que se evalúa y se inyecta en la fuente de CoffeeScript. Usted pregunta: "¿Cómo puedo inyectar una variable de Ruby en mi fuente de CoffeeScript?"

La respuesta corta es: No hagas esto. El equipo de Rails tomó la decisión intencional de no admitir CoffeeScript incorporado en las plantillas en 3.1, porque hay una sobrecarga de rendimiento significativa al tener que compilar CoffeeScript en cada solicitud (como lo haría si permitiera que cadenas arbitrarias se inyectaran en la fuente) .

Mi consejo es servir a sus variables de Ruby por separado como JavaScript puro, y después hacer referencia a las variables de su CoffeeScript, por ejemplo .:

javascript: 
    user_name = "#{@user_name}"; 
coffee: 
    $(document).ready -> 
    name = user_name 
    alert name 

Answer 2

que tienden a evitar javascript en línea a toda costa.

Una buena manera de almacenar variables en su HTML, para ser utilizado desde su javascript, es utilizar los atributos de datos HTML5. Esto es ideal para mantener su javascript discreto.

Answer 3

También es posible usar:

$(document).ready -> 
    name = <%= JSON.generate @user_name %> 
    alert name 

Esto se debe a JSON es un subconjunto de JavaScript.