如何修复angular2中的错误"md-grid-tile is an unknown angular element"

Question

我正在开发一个 angular2 应用程序，我在其中使用网格列表模块来创建网格。我在运行 for 循环的网格列表标签中使用了网格图块标签，但是在运行测试时，它抛出了一个错误说明： 模板解析错误：md-grid-tile' 不是已知元素 我已将 MdGridListModule 包含在我的 module.ts 文件中。我使用标签的 html 部分如下所示：

<div class="col-md-8">
      <div class="layout">
        <h2 >{{title}}</h2>
        <md-grid-list class="grid" cols="3">
          <md-grid-tile class="tile" *ngFor="let block of gs.blocks; let i = index" (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>

Answer 1

我没有在创建测试的测试文件中导入 MdGridListModule。我导入了它并从那里运行良好。 Angular Material 的所有组件都必须导入到测试文件中，就像它们导入到模块文件中一样。

如何修复angular2中的错误"md-grid-tile is an unknown angular element"

how to fix error "md-grid-tile is an unknown angular element" in angular2

unit-testing

angular2-template

angular