Вложенные списки в угловом материале

Question

Можете ли вы вложить списки в угловой материал?

Я не видел примеров в документации .

Я догадался, что мне следует использовать многострочный список , но я делаю что-то не так.

Вещи, которые я пробовал.

Answer 1

Как указано @ Vega в комментариях, вы не можете вложить <mat-list> в <mat-list-item>, но если вы используете ng для другого 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>