Components: MatGridListModule is not working

Created on 9 Oct 2017 · 4Comments · Source: angular/components

Bug, feature request, or proposal:

MatGridListModule is not working on the latest release 2.0.0-beta.12, while is working on 2.0.0-beta.11

What is the expected behavior?

When you call the "md-grid-list" tag in the view it should create a grid with the "md-grid-tile" boxes.

What is the current behavior?

The module is correctly injected (there's no error in typescript), but when you call the tag in the view nothing happen

Which versions of Angular, Material, OS, TypeScript, browsers are affected?

2.0.0-beta.12

Is there anything else we should know?

It's working on the 2.0.0-beta.11

Source

albrave

👎2

Most helpful comment

Make sure you have replaced md-grid-list with mat-grid-list. As part of beta.12, all the md- prefixes have been removed.

<mat-grid-list cols="4" rowHeight="100px">
  <mat-grid-tile
      *ngFor="let tile of tiles"
      [colspan]="tile.cols"
      [rowspan]="tile.rows"
      [style.background]="tile.color">
    {{tile.text}}
  </mat-grid-tile>
</mat-grid-list>

See this StackBlitz to have a working example.

donroyco on 9 Oct 2017

👍2

All 4 comments

Make sure you have replaced md-grid-list with mat-grid-list. As part of beta.12, all the md- prefixes have been removed.

<mat-grid-list cols="4" rowHeight="100px">
  <mat-grid-tile
      *ngFor="let tile of tiles"
      [colspan]="tile.cols"
      [rowspan]="tile.rows"
      [style.background]="tile.color">
    {{tile.text}}
  </mat-grid-tile>
</mat-grid-list>

See this StackBlitz to have a working example.

donroyco on 9 Oct 2017

👍2

Make sure to read the changelog and specially the breaking changes before creating an issue