从索引以 Bootstrap 模式渲染显示页面

Question

在 Rails 4 中，我尝试在引导模式内的索引页面上呈现 show.html.erb。

index.html.erb:

<% @links.each do |item| %>

      <h4><%= link_to (item.title), '#myModal', 'data-toggle' => 'modal' %>
        Submitted <%= time_ago_in_words(item.created_at) %> ago       
      </h4>

    <div class="modal fade" id="myModal" tabindex="-1" role="document" aria-labelledby="myModalLabel">
    <div class="modal-dialog" role="document">
      <div class="modal-content">
        <div class="modal-header">
          <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
          <h4 class="modal-title" id="myModalLabel">Modal title</h4>
        </div>
        <div class="modal-body">
        <%= render :partial => 'show_modal', :locals => { :item => item } %>
        </div>
        </div>
      </div>
    </div>
  </div>
<% end %>

_show_modal.html.erb：

<div class="col-md-offset-2 col-md-4" id="telegraph">

<h1><a href="<%= item.url %>" target="_blank"><%= item.title %></a></h1>
  <p><%= item.content %></p>
</div>

目前，模态显示良好，但无论我点击哪个链接，模态只会显示@links 内的第一个link 的数据

任何帮助都会很棒。

Answer 1

您需要以不同的方式命名每个模式。

尝试将每个模态 ID 设置为 myModal-id，其中 id 是 item 的 ID

例如：

   <h4><%= link_to (item.title), "#myModal-#{item.id}", 'data-toggle' => 'modal' %>
   Submitted <%= time_ago_in_words(item.created_at) %> ago       
   </h4>

和

<div class="modal fade" id="myModal-<%= item.id %>" tabindex="-1" role="document" aria-labelledby="myModalLabel">