是否可以展开/折叠MaterialListComponent中的项目

问题描述

是否可以在MaterialListComponent中展开/折叠项目？我注意到https://dart-lang.github.io/angular_components/#/material_list

中有提及

如果material-list-item在其祖先具有DropdownHandle，则下拉菜单将在触发（即单击或按下）时关闭如果cloSEOnActivate为true，则在列表项上输入/空格。

这是否意味着我可以创建父项并展开/折叠嵌套元素？你们可以分享例子吗？

解决方法

我在 material-expansionpanel 中使用 material-list 实现了所需的行为（感谢 @Hadrien Lejard 的建议）。示例如下：

<material-list *deferredContent>
    <material-list-item [routerLink]="'parent/dashboard'" id="parents_listitem_dashboard">
        <material-icon icon="store"></material-icon>Dashboard
    </material-list-item>
    <material-expansionpanel flat [showSaveCancel]="false">
        <div class="expansionHeader" name id="parents_listitem_kits">
            <material-icon icon="all_inbox"></material-icon><span>Items</span>
        </div>
        <material-list-item [routerLink]="'parent/items/reserved'" id="parents_listitem_reserved">
            <material-icon></material-icon>Reserved
        </material-list-item>
        <material-list-item [routerLink]="'parent/kits/registered'" id="parents_listitem_registered">
            <material-icon></material-icon>Registered
        </material-list-item>
    </material-expansionpanel>
</material-list>

angular-components angular-dart