angular - Angular Material 2 中的 md 表

Question

我正在使用Angular 材料表。在 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],
})

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