Slim-lang中的嵌套列表

Question

我正在尝试将第二个ul嵌套在Slim-lang中的列表项中，如下所示：

div.row
        ul.dropdown
            li Dropdown Option 1
                ul
                    li Dropdown Option 2
                    li Dropdown Option 3

预期结果如下：

<div class="row">
  <ul class="dropdown">
    <li>Dropdown Option 1</li>
      <ul>
        <li>Dropdown Option 2</li>
        <li>Dropdown Option 3</li>
      </ul>
    </li>
  </ul>
</div>

收到的输出为：

<div class="row">
  <ul class="dropdown">
    <li>Dropdown Option 1 ul li Dropdown Option 2 li Dropdown Option 3</li>
  </ul>
</div>

我只是有一个错误，还是这是slim-lang的问题？

Answer 1

为此，您需要将li Dropdown Option 1上的文本移动到它自己的行中(而不是内联)。这应该是可行的(注意第三行和第四行)：

div.row
        ul.dropdown
            li 
              | Dropdown Option 1
                ul
                    li Dropdown Option 2
                    li Dropdown Option 33

Answer 2

虽然这并不是我想要的解决问题的方法，但我能够让Slim通过进入普通HTML来编译嵌套元素：

div.row
    ul.dropdown
        <li>Dropdown Option 1
            ul
                li Dropdown Option 2
                li Dropdown Option 3

如果有人知道为什么这个方法可以工作/为什么其他实现不能工作，我很想知道(或者如果我最初的问题不是预期的行为--如果是的话，我会在他们的Github repo上打开一个问题)。