HAML循环绑定晚了部分

Question

I'm trying to put loop as partial inside loop like below:

%ul
- halls.each do |hall, children|
    %li
        = link_to_unless_current hall.name, hall
        = render partial: 'hall_structure', :locals => { halls: children } if children.present?

Partial hall_structure:

%ul
- halls.each do |hall, children|
    %li
        = link_to_unless_current hall.name, hall
        = render partial: 'hall_structure', :locals => { halls: children } if children.present?

But somehow the output is like this:

<ul>
                      <li>
                        <a href="/halls/5">Main Hall</a>
                        <ul></ul>
                        </li><li>
                          <a href="/halls/1">Conference Hall</a>

                        </li>
                        <li>
                          <a href="/halls/4">Exhibition Hall</a>

                        </li>

                    </ul>

Is there a reason why it's not putting in partial loop as inner loop under the first li ?

Answer 1

Maybe the indentation?

%ul
  - halls.each do |hall, children|

Also make sure that's the real output. Not the final xml that your browser rendered. Many web browsers try to fix mal formed html. And it seems to me it might be happening here.