mat-grid-list没有正确显示

时间:2018-12-19 06:28:56

标签: angular angular-material

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

我有以下

<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

enter image description here

1 个答案:

答案 0 :(得分:1)

您是否在角度模块中导入了MatGridListModule?

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