轨道 - 在循环遍历数组时添加 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.each do |message|...end迭代@messages，然后在块内将您的div与消息内容一起完成此操作。一个更干净的方法可能是使用这些div设置一个_chat_view.html.erb部分，然后在主html.erb文件中你可以执行render partial: 'chat_view', collection: @messages，你仍然可以在你可以使用的分部中获得message对象。