Angular material 2数据表Error Uncaught Error:模板解析错误:

时间:2017-07-21 08:52:16

标签: angular-material2

md-table提供了Material Design样式的数据表,可用于显示数据行。

此表构建于CDK数据表的基础之上,并为其数据源输入和模板使用类似的接口,但其元素选择器将以md-而不是cdk为前缀 -

我有此错误未捕获错误:模板解析错误:

这是我的products.component.html

A

这是products.componetn.ts

i*x in A

3 个答案:

答案 0 :(得分:4)

在app.module.ts文件中导入 CdkTableModule

import { CdkTableModule } from '@angular/cdk';

并将CdkTableModule添加到导入

imports: [
    BrowserModule,
    BrowserAnimationsModule,
    FormsModule,
    HttpModule,
    CdkTableModule,
    MaterialModule
]

答案 1 :(得分:2)

在这里回答:md-table in Angular Material 2

cdkHeaderCellDefcdkCellDef@angular/cdk库的一部分,并在CdkTableModule中导出。

将此模块添加到您应用的导入

答案 2 :(得分:1)

在我的情况下,我从角度开始,我有一个类似的错误,使用版本 2.0.0-beta.12 角度材料,页面文档(材料.angular.io / components / table / examples)使用前缀" md" ,在此新版本中已删除(现在 mat ),此处为你可以看到所说变化的笔记

https://github.com/angular/material2/blob/master/CHANGELOG.md#deprecation-of-md-prefix

如果有人使用这些信息,如果他们是新手,可能会有用,因为我按照这些示例做了所有表明这个问题答案的内容,并且在我改为这个例子之前这个例子没有用:

github.com/angular/material2/blob/master/src/material-examples/table-basic/table-basic-example.html

问候。