Angular Material 2中的md-table

Question

我正在使用Angular Material Table.在Html代码中，有

<ng-container cdkColumnDef="userId">
  <md-header-cell *cdkHeaderCellDef> ID </md-header-cell>
  <md-cell *cdkCellDef="let row"> {{row.id}} </md-cell>
</ng-container>

我发现cdkHeaderCellDef和cdkCellDef来自CDK Table

我收到错误说“无法绑定到'cdkHeaderRowDef'，因为它不是'md-header-row'的已知属性。”

我该如何解决这个问题？

Answer 1

cdkHeaderCellDef和cdkCellDef是@angular/cdk库的一部分，并在CdkTableModule中导出。

在您应用的导入中包含此模块

Answer 2

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

将其添加到组件的顶部并添加到app.module.ts的顶部 然后在app.module.ts上将CdkTableModule添加到导入中，如下所示。

@NgModule({
   declarations: [

],
imports: [
    CdkTableModule

],
providers: [

],
bootstrap: [AppComponent],
})

可能有声明和提供程序，但在上面的代码段中，为方便起见，它们会被忽略。