Question

我正在尝试使用angular material2在我的基于Angular 2的应用程序中创建网格布局，但是当我尝试在＆＃34; app.component.html＆＃34;中创建一个结构时。文件，网格标签出现未知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）。

网格标签不工作在角度2

1 个答案: