可扩展的温泉列表项目的内容可以是另一个列表吗？

Question

我想要一个可扩展列表项（类别）的列表，该列表在扩展时将显示每个类别中的项的列表。但这并没有我预期的那样。在下面的示例中，最后一个嵌入列表项的文本始终显示在父（类别）列表项的文本的左侧。

The code below produces this

<ons-page>
    <ons-list>
        <ons-list-item expandable>
            <div class="left">Category 1</div>
            <div class="expandable-content">
                <ons-list>
                    <ons-list-item>
                        <div class="left">Embedded 1a</div>
                    </ons-list-item>
                    <ons-list-item>
                        <div class="left">Embedded 1b</div>
                    </ons-list-item>
                </ons-list>
            </div>
        </ons-list-item>

        <ons-list-item expandable>
            <div class="left">Category 2</div>
            <div class="expandable-content">
                <ons-list>
                    <ons-list-item>
                        <div class="left">Embedded 2a</div>
                    </ons-list-item>
                    <ons-list-item>
                        <div class="left">Embedded 2b</div>
                    </ons-list-item>
                </ons-list>
            </div>
        </ons-list-item>

    </ons-list>
</ons-page>

可扩展列表项的可扩展内容div中可使用的内容是否受到限制，或者我做错了什么？