Rails Ajax 渲染带有 id 的部分

Question

我正在创建一个简单的投票部分，但由于这个原因它没有更新：

错误

NameError - undefined local variable or method `scribble' for 
  app/views/scribbles/vote.js.erb:1:in `_app_views_scribbles_vote_js_erb

唯一的投票方法可以正常工作，但由于上述错误，它不会在视图中更新。我想我只需要知道如何将 scribble 对象传递给 vote.js.erb ???

_vote.html.erb

<%if current_user.voted_for?(scribble)%>
<a href="" id="vote_<%=scribble.id%>" name="promote" class="votes">
<div class="scribblevote"> 
    <i class="fa fa-cloud-upload"></i>  
    <%=scribble.votes.count%> <%= link_to "demote", vote_scribble_path(:id => scribble.id, :vote => false), remote: true, method: :post%> 
    </div></a>
<%else%>
<a href="" id="vote_<%=scribble.id%>" name="promote" class="votes">
<div class="scribblevote"> 
    <i class="fa fa-cloud-upload"></i>  
    <%=scribble.votes.count%> <%= link_to "promote", vote_scribble_path(:id => scribble.id, :vote => true), remote: true, method: :post%> 
    </div></a>
<%end%>

vote.js.erb

   $("#vote_<%=scribble.id%>").html("<%= escape_javascript( render(:partial => "scribbles/vote") ) %>");

控制器方法

  def vote
  @scribble = Scribble.find(params[:scribble_id])
  @vote = params[:vote]
  if @vote == "true"
    @v = :up
  else
    @v = :down
    current_user.unvote_for(@scribble)
  end
  current_user.vote(@scribble, :direction => @v)
    respond_to do |format|
      format.js{}
    end

scribble/_scribbles.html.erb

 <% @scribbles.each do |scribble| %>
 <%= render :partial=> "scribbles/vote", :locals => {scribble:  scribble}%>
 <%end%>

Answer 1

$("#vote_<%=scribble.id%>")

对

$("#vote_<%=@scribble.id%>")

您设置了 @scribble 而不是名为 scribble 的本地变量

@scribble 和 scribble 不是一回事。

如果您从未为名为@9​​87654327@ 的东西赋值 - 那么它不存在...如果您尝试在任何地方使用... 那么它会爆炸并告诉您它不存在。

您需要在任何地方使用@scribble，除非您故意设置一个名为scribble 的局部变量

例如：

  <%= render :partial=> "scribbles/vote", :locals => {scribble: @scribble}%>

注意。在此代码中，您使用名为@scribble的变量并设置了一个局部变量（名为scribble）以供部分使用。

部分现在可以访问scribble

Answer 2

您可以像这样将局部变量传递给局部变量：

render(partial: 'path_to_partial', locals: { var_in_partial: var_in_current_scope })

所以...

render(partial: 'scribbles/vote', locals: { scribble: scribble })

它将在_vote 部分中称为scribble，我们从当前范围传入scribble。

或者，您可以使用在您的控制器中定义的@scribble，并且在您当前的请求周期内对所有视图/部分都可用。