ruby-on-rails - 将动态变量传递给部分以在模态中呈现

标签 ruby-on-rails modal-dialog twitter-bootstrap-3 local-variables dynamic-variables

我在一个部分上有以下代码,它动态地生成一个与 pin 相关联的步骤列表。大头针和台阶都有图像。用户可以将多个步骤添加到引脚,然后此 View 会动态生成这些步骤的 View 。对于每个步骤,都有关联的图像,我想将其作为模态弹出。挑战是我不断收到以下错误:

“#<#:0x00000102f498d8> 的未定义局部变量或方法`step'”

当我 stub 渲染部分时,模态看起来基本上是空白但有效。任何想法我该怎么做?

<div class="col-md-6">
      <% (0..(Step.where("pin_id = ?", params[:id]).count)-1).each do |step| %>
          <div class="col-md-12">
          <div class="well"> 
              <ul class="nav pull-right">
                <% if current_user == @pin.user %>
                        <%= link_to edit_step_path((Step.where("pin_id = ?", params[:id]).fetch(step)), :pin_id => @pin.id) do %>
                      <span class="glyphicon glyphicon-edit"></span>
                          Edit
                      <% end %> |
                 <%= link_to Step.where("pin_id = ?", params[:id]).fetch(step), method: :delete, data: { confirm: 'Are you sure?' } do %>
                      <span class="glyphicon glyphicon-trash"></span>
                      Delete
                    <% end %> |
                     <%= link_to new_step_image_path(:step_id => Step.where("pin_id = ?", params[:id]).fetch(step), :pin_id => @pin.id) do %>
                              Add
                      <span class="glyphicon glyphicon-picture"></span> 
                      <% end %> 
                <% end %> 
                <% if StepImage.where("step_id = ?", Step.where("pin_id = ?", params[:id]).pluck(:id).fetch(step)).count == 0 %> 

                <% else %>
                | <a href="#StepImageModal" data-toggle="modal"> 
              <span class="glyphicon glyphicon-picture"></span> (<%= StepImage.where("step_id = ?", Step.where("pin_id = ?", params[:id]).pluck(:id).fetch(step)).count %> ) </strong>
               </a>  
               <% end %>
              </ul>
              <strong> Step <%= step+1 %>    
              <p>
              <%= Step.where("pin_id = ?", params[:id]).pluck(:description).fetch(step) %>
              </p>
          </div>
        </div>
      <%end %>
    </div>

<div class="modal fade" id="StepImageModal">
  <div class="modal-header">
    <a class="close" data-dismiss="modal">&times;</a>
    <h3>Modal Header</h3>
  </div>
  <div class="modal-body">
      <%= render :partial => 'pins/step_images',
                 :locals => { :step => step } %>
  </div>
  <div class="modal-footer">
    <a href="#" class="btn" data-dismiss="modal">Close</a>
  </div>
</div>    

最佳答案

我不明白你想在这里做什么

循环

正如评论中提到的,你有一个循环来完成你的步骤。但是,在循环之外,您想要显示部分

解决您的问题的方法是设置一个实例变量(不需要),或者使用另一个 persistent data type .我会这样做:

#app/controllers/steps_controller.rb
def action
    @step = {}
end

#app/views/steps/action.html.erb
<% (0..(Step.where("pin_id = ?", params[:id]).count)-1).each do |step| %>
   <% @step[step.id.to_sym] = step.details %>
<% end %>

<%= render :partial => 'pins/step_images', :locals => { :step => @step } %>

unless

为您进行一些重构:
<% unless StepImage.where("step_id = ?", Step.where("pin_id = ?", params[:id]).pluck(:id).fetch(step)).count == 0 %> 
     | <%= link_to "#StepImageModal", data: { toggle: "modal"} do %> 
           <span class="glyphicon glyphicon-picture"></span>(<%= StepImage.where("step_id = ?", Step.where("pin_id = ?", params[:id]).pluck(:id).fetch(step)).count %> ) </strong>
       <% end %> 
<% end %>

关于ruby-on-rails - 将动态变量传递给部分以在模态中呈现,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21798750/

相关文章:

JavaFX 异常关闭警报返回错误结果

html - 如何并排设置2张图片?

css - Bootstrap Accordion 侧边栏 - 删除面板间距

ruby-on-rails - 抛出异常时,before_remove 中止删除会使服务器崩溃

ruby-on-rails - 如何在 Rails Controller 中返回 HTTP 204

ruby-on-rails - 重定向到成功的Ajax表单后

css - Bootstrap 警报从左打开,向右关闭

css - sprockets::FileNotFound;找不到文件 'selectize.source.css'

Javascript 混淆和模态框

Angular Material 对话框垫对话框 Action 位置