私はRailsのコントローラここで私はインスタンス変数に設定していてい

Question

スリムテンプレート内のCoffeeScriptエンジンでインスタンス変数にアクセスする方法 - 私はJavaScriptを生成するために、コーヒーのエンジンを使用しています私の.slimテンプレートで

@user_name = "Some Username" 

をクライアントシェアのjavascriptコードからユーザー名を印刷したい -

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

しかし、これは生成されているJavaScriptですか？

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

CoffeeScriptコードのコントローラインスタンス変数にアクセスするにはどうすればよいですか？

私はhamlがCoffeeScriptを使用しているときに同じ問題があると推測しているので、これをhamlとしてタグ付けしています。

Answer 1

"#{@user_name}"はCoffeeScriptソースとして評価され注入されたRubyコードではなく、CoffeeScriptとして解釈されます。あなたは、 "Ruby変数をCoffeeScriptソースにどのように注入するのですか？"

短い答えは：これをしないでください。 Railsのチームは、3.1のテンプレートに埋め込まれたCoffeeScriptをサポートしないことを意図的に決めました。なぜなら、あらゆる要求に対してCoffeeScriptをコンパイルしなければならないためにパフォーマンス上のオーバーヘッドが発生するからです（任意の文字列をソースに注入する場合、 。

私のアドバイスは、私はすべてのコストでのインラインJavaScriptを避ける傾向にある例えば、純粋なJavaScriptなど別途ごRubyの変数を提供して、あなたのCoffeeScriptからこれらの変数を参照するために：

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

Answer 2

です。

HTMLに変数を格納し、JavaScriptから使用するには、HTML5データ属性を使用するのが良い方法です。これはあなたのJavaScriptを目立たないように保つのに理想的です。

Answer 3

また、使用することができます

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

JSONではJavaScriptのサブセットであるためです。