グリッドタグがアンギュラ2で機能しない

Question

角度material2のAngular 2ベースのアプリケーションでグリッドレイアウトを作成しようとしていますが、「app.component.html」ファイル内にグリッドタグを作成しようとしていますエラーが発生する不明なhtmlタグ。ここで私はそれをやろうとしていますかのコードは次のとおりです。 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

私はあなたが輸入しなかったことを信じていますアプリケーションモジュールのMdGridListModuleモジュールあなたはこれを実行する必要があります。

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

@NgModule({ 

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

はこれを示しplunk（main.ts）を参照してください。