rails - 在循環數組時通過添加html div標籤

Question

我試圖在我的html.erb文件中顯示對話。

我正在使用特定模板並希望複製其聊天部分。

這裏的聊天部分：

http://webapplayers.com/inspinia_admin-v2.7.1/chat_view.html

我注意到，他們的聊天記錄「泡沫」只是不同的div。

像這樣：

<div class="chat-message left"> 
    <img class="message-avatar" src="<%= image_path('a1.jpg') %>" alt=""> 
    <div class="message"> 
     <a class="message-author" href="#"> Michael Smith </a> 
     <span class="message-date"> Mon Jan 26 2015 - 18:39:23 </span> 
      <span class="message-content"> 
       Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. 
      </span> 
    </div> 
</div> 

<div class="chat-message right"> 
    <img class="message-avatar" src="<%= image_path('a4.jpg') %>" alt=""> 
    <div class="message"> 
     <a class="message-author" href="#"> Karl Jordan </a> 
     <span class="message-date"> Fri Jan 25 2015 - 11:12:36 </span> 
      <span class="message-content"> 
       Many desktop publishing packages and web page editors now use Lorem Ipsum as their default model text, and a search for 'lorem ipsum' will uncover. 
      </span> 
    </div> 
</div> 

如果我在我的html.erb文件@messages的數組，我怎麼能遍歷數組併爲每封郵件添加這些DIV部分之一，爲了讓我的聊天視圖？

另外，我將不得不把它放在某種表中，每行的樣式取決於消息是傳入還是傳出。

Answer 1

你可以通過迭代@messages與@messages.each do |message|...end來完成這個工作，然後在這個模塊中有你的div與消息內容。一個更簡潔的方法可能是設置一個_chat_view.html.erb partial與這些div，然後在您的主html.erb文件中，您可以執行render partial: 'chat_view', collection: @messages，並且仍然可以使用部分中的message對象。