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.each do |message|...end迭代@messages，然后在块中使用包含消息内容的div就可以做到这一点。一种更简洁的方法可能是使用这些div设置_chat_view.html.erb分部，然后在主html.erb文件中执行render partial: 'chat_view', collection: @messages，仍然可以在分部中获得您可以使用的message对象。