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

宣言とプロバイダーが存在する場合がありますが、上記のスニペットでは便宜上無視されています。