slim-lang - Slim-lang 中的嵌套列表

Question

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

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 上的文本需要移动到它自己的行(不是内联)。这应该有效(注意第 3 和第 4 行):

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