md-table 在 Angular Material 2

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],
})

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

md-table 在 Angular Material 2

md-table in Angular Material 2

angular-material2

angular

angular-cdk