角度材质中的嵌套列表

Question

你能在Angular Material中嵌套列表吗？

我没有在文档中看到任何示例.

我猜我应该使用多行列表,但我做错了.

我尝试过的事情.

Answer 1

正如@Vega在评论中指出的那样,你不能在a <mat-list>下嵌套<mat-list-item>,但是如果你为另一个包含它们的div,它仍然可以,并且<mat-list>行高是正确的.

以下是@Vega的一个例子:https://stackblitz.com/edit/angular-nnkg3h-xppmzz

<mat-list>
    <ng-container *ngFor="let item of items">
        <mat-list-item>{{item.name}}</mat-list-item>
        <mat-list style="margin-left:30px;">
            <div *ngFor="let subItem of item.subItems">
                <mat-list-item>{{ subItem.name }}</mat-list-item>
            </div>
        </mat-list>
    </ng-container>
</mat-list>