在Rails的HAML中生成无序列表时出现重复ul元素的问题

嗨，这个问题的根源其实在你最初的ERB代码结构上，咱们拆解来看：

为什么会生成3个独立的<ul>？ #

你原来的ERB代码把<ul class="comments">写在了each循环的内部：

<% @movies.comments.each do |comment| %>
  <ul class="comments">
    <li><%= comment.text %></li>
  </ul>
<% end %>

每循环一次（处理一条评论），就会生成一个全新的<ul>标签，所以3条评论自然对应3个独立的列表容器。而在线转换器只是忠实地将ERB语法转译为HAML，不会主动帮你修正逻辑结构上的问题，所以转换后的HAML也保留了这个错误的循环嵌套。

正确的HAML写法 #

要实现一个包含所有评论的列表，你需要把<ul>容器放在循环外面，只让循环负责生成内部的列表项：

%ul.comments
  - @movies.comments.each do |comment|
    %li= comment.text

这样执行时，会先创建一个<ul class="comments">容器，然后在容器内部循环生成每个评论对应的<li>，最终得到一个包含3个<li>的完整无序列表。

小提示 #

在线转换器通常只做语法层面的转换，不会优化业务逻辑。以后写循环列表时，一定要记得把容器标签（如ul/ol）放在循环外部，避免出现这类重复容器的问题。

内容的提问来源于stack exchange，提问作者jedi