angular - mat-grid-list 未正确显示

Question

我正在尝试在我的项目中使用角度材料。

我有以下

<mat-grid-list cols="2" rowHeight="2:1">
        <mat-grid-tile class="item-file-grid" *ngFor="let ind of [1,2,3,4]"></mat-grid-tile>
</mat-grid-list>

在我的模块中，我有以下导入

  imports: [
    CommonComponentModule,
    SharedModule,
    CommonModule,
    BrowserModule,
    MaterialModule
  ],

但是结果不起作用，我没有错误，但是模块没有像演示中那样做网格。https://material.angular.io/components/grid-list/overview

我有以下内容，即使我的容器更大，看起来像一个简单的 div

标签： angularangular-material

Answer 1

你在你的角度模块中导入了 MatGridListModule 吗？

import {MatGridListModule} from '@angular/material/grid-list';