それぞれの記事に対応するモーダルウィンドウを出したい

以下のコードのnoimage.jpgの部分をクリックしたら、それぞれ個別のモーダルウィンドウを開けるようにしたいのですが、どのようにやればいいのでしょうか？
songは一覧としていくつもあり、それをクリックすると、個別のモーダルウィンドウへ飛ぶ感じです

以下のようにするとNoMethodError がでます。

<% @songs.each do |song| %>
          <div class="col-md-4 col-sm-6 portfolio-item">
            <a class="portfolio-link" data-toggle="modal" href="#portfolioModal1">
              <div class="portfolio-hover">
                <div class="portfolio-hover-content">
                  <i class="fa fa-plus fa-3x"></i>
                </div>
              </div>
              <img class="img-fluid" src="/assets/noimage.jpg" alt="">
            </a>
            <div class="portfolio-caption">
              <h4><%= link_to song.title, song %><br></h4>
            </div>
          </div>
          <% end %>

 <!-- Portfolio Modals -->
 <div class="portfolio-modal modal fade" id ="portfolioModal1" tabindex="-1" role="dialog" aria-hidden="true">
      <div class="modal-dialog">
        <div class="modal-content">
          <div class="close-modal" data-dismiss="modal">
            <div class="lr">
              <div class="rl"></div>
            </div>
          </div>
          
       
                  <h2>
                     
                    <%= @songs.title %>
                    
                  </h2>
 
            
          </div>