Rails 3.1 - 在coffeescript中訪問控制器變量的最佳方式是什麼？

Question

我要尋找一個配方使用控制器的全局變量到這樣一個CoffeeScript的：

控制器：

respond_to :js 

def create 
    @commentable = commentable 
    @comment = @commentable.comments.build({:comment => params[:comment], :user => current_user}) 
    @comment.save 
    respond_with(@comment, @commentable) 
end 

create.js.coffee：

$("#form_#{@commentable.class}_#{@commentable.id}").hide() 

的想法是在單個頁面中有幾個可評論的內容，並確定當前評論爲隱藏/顯示評論的表單;表單的ID是使用類和可評論的ID構建的。此時，如果我嘗試訪問上面的代碼的元素，它不起作用，因爲@commentable似乎不存在於腳本中。

編輯：

我讀答案here，我試過如下：

在我的職位/ show.haml

:javascript 
    var commentable_comments_id; 
#post 
    @post.body 
= render :partial => 'comments/list', :locals => {:commentable => @post} 

在我的部分_list.haml

#comments_container 
    %div{:id => "comments_#{commentable.class}_#{commentable.id}"} 
    - commentable.comments.reverse_each do |comment| 
     = render :partial => 'comments/comment', :locals => {:comment => comment} 
    - if current_user 
    .add_comment_link{:id => "link_#{commentable.class}_#{commentable.id}"} 
     #{link_to "Commenter"} 
    .add_comment{:id => "form_#{commentable.class}_#{commentable.id}"} 
     = render :partial => 'comments/comment_form', :locals => {:commentable => commentable} 

而在p artial _comment_form.haml

.comment_form 
    = form_tag polymorphic_path([commentable, Comment]) , :method => :post, :remote => true do |f| 
    .comment_field 
     = text_area_tag :comment, params[:comment], :id =>"comment_area", :rows => 4, :cols => 50 
    .comment_field 
     = submit_tag "Commenter", :id => "submit_comment_#{commentable.class}_#{commentable.id}", :class => "submit_comment" 

在posts.js.coffee：

jQuery -> 

    commentable_link_id = null 
    commentable_form_id = null 

    hide_element_by_id = (id_name) -> 
    $("#"+id_name).hide() 
    show_element_by_id = (id_name) -> 
    $("#"+id_name).show() 

    $('.add_comment_link').click -> 
    currentId = $(this).attr('id') 
    if(commentable_link_id != null && commentable_form_id != null) 
     hide_element_by_id(commentable_form_id) 
     show_element_by_id(commentable_link_id) 

    commentable_link_id = currentId 
    commentable_form_id = currentId.replace("link", "form")  
    hide_element_by_id(commentable_link_id) 
    show_element_by_id(commentable_form_id) 

    commentable_comments_id = currentId.replace("link", "comments") 
    false 

    $('.submit_comment').click -> 
    if(commentable_link_id != null && commentable_form_id != null) 
     hide_element_by_id(commentable_form_id) 
     show_element_by_id(commentable_link_id) 

因此，當鏈路上的用戶通過點擊添加評論，它隱藏在以前的評論的形式（如果有的話），它顯示了新的正確的一個，構建comments'container的標識（例如comments_Post_3），並將其存儲在頁面的全局變量JS：在create.js.coffee

commentable_comments_id = currentId.replace("link", "comments") 

然後，我嘗試追加新的com彪在使用這個變量的存儲容器：

$('<%= escape_javascript(render(:partial => @comment))%>') 
    .appendTo("#"+commentable_comments_id) 
    .hide() 
    .fadeIn() 

我認爲這是不正確的，因爲最後一次操作（與衰落追加）不工作，所以全局變量commentable_comments_id不能初始化或別的東西..

Answer 1

可以使用coffeebeans做到這一點。

只需將其添加到您的Gemfile：

gem 'coffeebeans' 

，然後創建文件，只要你想：

#app/views/posts/create.js.coffee 
$("#form_<%= @commentable.class %>_<%= @commentable.id %>").hide() 

Answer 2

如果你想在你的coffeescript文件中使用erb，你必須在文件中附加erb擴展名。所以你的文件應該改名爲create.js.coffee.erb。然後你可以這樣做：

$ -> 
    alert('<%= Post.first.name %>') 

它應該工作正常。有關更多信息，請參閱docs。

編輯

我想我已經錯過了你的問題點。如果你想訪問你的js文件中的實例變量，不幸的是你不能。有關更多信息，請參見this答案。

Answer 3

當您迴應js時，表示它將create.js.coffee作爲視圖呈現。您不需要添加.erb到年底內使用ERB代碼，就像這樣：

$("#form_<%=@commentable.class%>_<%=@commentable.id>").hide() 

您通過@中的CoffeeScript可能混淆，它只是意味着在JavaScript this.或this。而#{ .. }代碼由CoffeeScript的唯一解釋不是紅寶石（如你在HAML習慣了），所以你的代碼有會輸出這在javascript：

$("#form_" + this.commentable["class"] + "_" + this.commentable.id).hide();