Grid-Tags arbeiten nicht in Winkel 2

Question

Ich versuche, ein Raster-Layout in meiner Angular 2-basierten Anwendung mit eckigen Material2 zu erstellen, aber wie ich versuche, eine Struktur in der Datei "app.component.html", die Raster-Tags zu erstellen erhalten einen Fehler, der unbekannte HTML-Tags. Hier ist der Code, wie ich versuche, es zu tun: app.component.html

<div class="col-md-8"> 
     <div class="game-area"> 
      <md-grid-list class="tick-tack-grid" cols="3"> 
       <md-grid-tile *ngFor="let block of gs.blocks; let i = index; trackBy: trackByFn" (click)="playerClick(i)"><i [class]="block.symbol == 'done' ? 'material-icons tick' : 'material-icons cross'">{{ block.symbol }}</i></md-grid-tile> 
      </md-grid-list> 
     </div> 
    </div> 

app.component.ts

import { Component } from '@angular/core'; 
import { Player } from './Player'; 
import { Box } from './Box'; 
import { GameService } from './game.service'; 
... 

Answer 1

Ich glaube, dass du getan hast nicht importieren das MdGridListModule-Modul in Ihrem Anwendungsmodul. Sie müssen dies tun:

import { 
    MdGridListModule 
} from '@angular/material'; 

@NgModule({ 

    imports: [ 
    MdGridListModule 
    ] 
}) 
export class AppModule {} 

anzeigen plunk (main.ts), die dies veranschaulicht.