Una manera:¿Cómo incrustar el código dinámico de Ruby en la sección "javascript" en las plantillas Slim?
javascript_tag do
== "var all_product_ids = #{existing_ids.to_json};"
== "var products_json = #{@filter.data.to_json};"
o:
= %Q{
var all_product_ids = #{existing_ids.to_json};
var products_json = #{@filter.data.to_json};
}
¿existen mejores soluciones para esto?
lo que prefiero hacer, es mantener todo el javascript en un archivo separado.
por ejemplo, lo haría de la siguiente manera (jQuery):
en su diseño:
...
<body data-product-ids="<%= existing_ids.to_json %>"
data-products-json="<%= @filter.data.to_json %>">
.. en JS:
// create your application namespace
$.myapp = {};
$.myapp.allProductIds = $.parseJSON($('body').attr('data-product-ids'));
$.myapp.products = $.parseJSON($('body').attr('data-products-json'));
entonces, entonces lo usará en js como tal:
$.myapp.allProductIds
En delgado
javascript:
var all_product_ids = "#{existing_ids.to_json}";
var products_json = "#{@filter.data.to_json}";
He tenido un problema similar con esto. Usar el código que otros han proporcionado no funcionó para mí porque Slim escapó de mi variable html. Terminé usando Gon. Este es para Sinatra, pero también tienen una joya para Rails. Espero que ayude a otros a tener problemas similares.
De https://github.com/slim-template/slim texto del párrafo interpolación
SLIM escapa HTML por defecto. para evitar el mismo uso # {{Contenido}} para # {content}
crear un _your_erb_file_contain_javascript_code.erb primera
Y luego en su archivo delgado javascript: parte:
#{ conditions ? (render 'your_erb_file_contain_javascript_code') : nil}
javascript:
var isAdmin = "#{current_user.admin? ? 1 : 0}";
¡Gracias! Pero cuando solo necesita uno o dos líneas de código js, ¿seguirá utilizando un archivo separado? – wkang
Bueno, sí, es solo para un asunto de "mejores prácticas". Pero aún así, eso hace que su código sea más sólido y mejor estructurado. –