ruby-on-rails - Slimテンプレートの「javascript」セクションに動的Rubyコードを埋め込む方法は？

Question

一方通行：

javascript_tag do
  == "var all_product_ids = #{existing_ids.to_json};"
  == "var products_json   = #{@filter.data.to_json};"

また：

= %Q{
var all_product_ids = #{existing_ids.to_json};
var products_json   = #{@filter.data.to_json};
}

これに対するより良い解決策はありますか？

score 83 · Accepted Answer

スリムで

javascript:
  var all_product_ids = "#{existing_ids.to_json}";
  var products_json   = "#{@filter.data.to_json}";

score 21 · Accepted Answer

javascript:
  var all_product_ids = #{raw existing_ids.to_json};
  var products_json   = #{raw @filter.data.to_json};

score 19 · Accepted Answer

https://github.com/slim-template/slim テキスト補間段落から

SLIMはデフォルトでHTMLをエスケープします。同じことを避けるには、＃{content}に＃{{content}}を使用します

score 10 · Accepted Answer

私がやりたいのは、すべてのJavaScriptを別のファイルに保存することです。

たとえば、私は次のようにそれを行います（jquery）：

レイアウト内：

..。

<body data-product-ids="<%= existing_ids.to_json %>"
      data-products-json="<%= @filter.data.to_json %>">

.. jsで：

// create your application namespace
$.myapp = {};
$.myapp.allProductIds = $.parseJSON( $('body').attr('data-product-ids') );
$.myapp.products = $.parseJSON( $('body').attr('data-products-json') );

したがって、次のようにjsで使用します。

$.myapp.allProductIds

score 3 · Accepted Answer

私はこれで同様の問題を抱えていました。Slimが私の変数をエスケープしていたので、他の人が提供したコードを使用してもうまくいきませんでした。結局Gonを使いました。これはシナトラ用ですが、レール用の宝石もあります。それが同様の問題を抱えている他の人に役立つことを願っています。

score 3 · Accepted Answer

_your_erb_file_contain_javascript_code.erb最初の作成

そして、あなたのスリムなファイルjavascript:の部分で：

#{ conditions ? (render 'your_erb_file_contain_javascript_code') : nil}

score 2 · Accepted Answer

2

javascript:
  var isAdmin = "#{current_user.admin? ? 1 : 0}";

于 2015-08-05T10:06:45.557 に答える

ruby-on-rails - Slimテンプレートの「javascript」セクションに動的Rubyコードを埋め込む方法は？

7 に答える 7

Related

Reference