时间戳

首页 > 解决方案 > 是否可以展开/折叠 MaterialListComponent 中的项目

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

问题描述

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

如果材料列表项在其祖先中有一个 DropdownHandle，如果 closeOnActivate 为真，则下拉列表将在触发（即单击或按 Enter/空格键）列表项时关闭。

这是否意味着我可以创建父项并展开/折叠嵌套元素？如果可能的话，你们能举个例子吗？

标签： angular-componentsangular-dart

解决方案

我已经实现了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>

推荐阅读