Rails 4将局部变量获取到js.erb文件答案

【问题标题】：Rails 4 getting local variable to js.erb fileRails 4将局部变量获取到js.erb文件
【发布时间】：2015-11-18 04:24:25
【问题描述】：

我已经阅读/研究了其他答案，但我无法让它发挥作用。我有一个呈现部分的 js.erb 文件。我希望将@node 变量传递给它，但在控制台中出现错误NameError: - undefined local variable or method "node" for #<#<Class:0x007fdcd9163510>:0x007fdcd813b728>

我不知道为什么它不会抓住它。

_node.html.erb（node是本部分的局部变量）：

<div id="tagged_users">
  <%= render partial: "nodes/user_tag_list", locals: { node: node } %>
</div>

我也想在 js.erb 中渲染的部分

_user_tag_list.html.erb：

<ul>
  <% node.tagged_users.map(&:name).each do |tag| %>
    <li><%= tag %>
      <%= link_to "x", node_path(node, remove_tag: tag), method: :patch %>
    </li>
  <% end %>
</ul>

node#update 控制器动作：

def update
  @node = Node.find(params[:id])

  if params.fetch(:node, {}).fetch(:autocomplete_tag_names, false)
    tag = params[:node][:taggable_email]
    @node.user_tag_list.add(tag)
    @node.save

      respond_to do |format|
        format.js { render 'user_tag_add.js.erb' }
      end
    elseif
      # ...
    else
    # ...
  end

最后是 js.erb 文件：

user_tag_add.js.erb：

$("#tagged_users").html("<%= escape_javascript(render 'user_tag_list', locals: { node: @node }) %>");

一些笔记。逻辑是合理的。如果我用字符串而不是部分替换 html，它可以正常工作。另外，如果我 binding.pry 我可以将节点设置为 @node 而不会出现问题。只是无法让@node 传递给 js.erb 文件中的节点。

编辑

如果有用的话，这里是部分表单：

<%= form_for node, remote: true, html: { class: "edit_node tag-users" } do |f| %>
  <%= f.label :autocomplete_tag_names %>
  <%= f.text_field :autocomplete_tag_names, data: { autocomplete_source: users_path }, value: nil %>
  <%= f.hidden_field :taggable_email, value: nil %>
  <%= f.submit %>  
<% end %>

【问题讨论】：

无论如何，您都在使用过时且不受欢迎的语法来渲染部分。停止使用render partial: x, locals { y: z } 并开始简单地使用render x, y: z。你的例子应该写成<%= render "nodes/user_tag_list", node: node %>
谢谢@meager。好资料。这会解决我的问题吗？我想如果我包含nodes/ 节点，它就会有。欣赏知识下降。

标签： ruby-on-rails ruby-on-rails-3 ruby-on-rails-4 ujs

【解决方案1】：

呃，这根本不是变量作用域。在我上面的 js.erb 文件中，我最初有：

$("#tagged_users").html("<%= escape_javascript(render 'user_tag_list', locals: { node: @node }) %>");

注意到上面我说的 user_tag_list 是部分的吗？好吧，我没有在我的渲染语句中指定。我需要将代码修改为以下内容：

$("#tagged_users").html("<%= escape_javascript(render partial: 'user_tag_list', locals: {node: @node}) %>");

然后它起作用了。如果其他人在调试此类代码以查看它是否是变量时遇到问题，我通过以下步骤创建控制台消息：

确保变量可见

console.log("<%= @node %>"); response: #&lt;Node:0x007fdcd8203138&gt;

为了确认我写了几个控制台语句，这些语句会从对象中提取一些东西，以确保捕获到正确的信息
```
console.log("<%= @node.id %>"); response: 49
console.log("<%= @node.name %>"); response: 'Test 2'
```

一旦我看到变量被传递，我就知道这不是问题所在，它看起来确保我的render 语句格式正确。缺少partial 是一个大错误，让我失去了几个小时的生命。我希望保存的这篇文章能让你有时间回来。

其他信息

我在调试时学到的另一件事：如果你想设置一个局部变量而不是一个实例变量（无论出于何种原因我不确定），你可以在你的控制器操作中的渲染语句中创建它

respond_to do |format|
    format.js { render 'user_tag_add.js.erb', locals: {node: @node} }
end

然后你可以在你的 js.erb 文件中做这样的事情

console.log("<%= node %>")

【讨论】：