Угловой материал, как позиционировать мат-сиденав сверху или снизу

Question

Я новичок в угловом материале.Из углового материала документа я могу видеть, что он может быть позиционирован как «начало» или «конец».

<div style="border:solid 1px red;">
    <mat-sidenav-container>
        <mat-sidenav class="sidenav"
                     position="end" <!-- want to position top or bottom here-->
                     [opened]="sidenavOption.open"
                     [mode]="sidenavOption.mode">
            Sidenav content
        </mat-sidenav>
        <ng-content></ng-content>
    </mat-sidenav-container>
</div>

Я хотел бы позиционировать «верх» или «низ»

Может кто-нибудь помочь мнекак это сделать?

Спасибо

Answer 1

AFAIK sidenav, как следует из названия, может присутствовать только на правой (end) или левой (start) стороне вашей страницы.Даже несмотря на то, что спецификации конструкции материала допускают нижний выдвижной ящик ( здесь ).

Как указано здесь , нет другого свойства, кроме позиции, для указания позиции, отличной от левой или

Кажется, вам нужно либо создать собственную реализацию такого ящика - но для этого вы можете расширять классы проектирования материалов и опираться на них - либо вы можете использовать MatBottomSheet., который почти такой же, но может использоваться только как своего рода нижний ящик.