如何在Angular Material中使用网格列表，以便所有页面内容都显示在页眉和页脚之间？

Question

我使用Angular 6和Material 6.4.7。我需要在主页上实现网格列表。使它的页眉和页脚具有固定的宽度，并且内容占据其余空间。我该怎么做？

<mat-grid-list cols="1">
<mat-grid-tile-header>
    <app-header></app-header>
</mat-grid-tile-header>
<mat-grid-tile>
    <router-outlet></router-outlet>
</mat-grid-tile>
<mat-grid-tile-footer>
    <app-footer></app-footer>
</mat-grid-tile-footer>

Answer 1

MatGridList不是布局工具！它是一个组件，用于以灵活的网格格式显示图块列表。

根据您的描述，使用标准HTML和CSS flexbox可以轻松实现目标。如果您需要更大的灵活性或响应式布局，请查看Angular Flex-Layout。