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

Answer 1

Вы импортировали MatGridListModule в свой угловой модуль?

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