md-table in Angular Material 2

Question

Je travaille avec Angular Material Table. Dans le code Html, il y a

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

J'ai découvert que cdkHeaderCellDef et cdkCellDef viennent de CDK Table

Je reçois une erreur disant " Impossible de se lier à 'cdkHeaderRowDef' car ce n'est pas une propriété connue de 'md-header-row'. "

Comment puis-je resoudre ceci ?

Answer 1

cdkHeaderCellDef et cdkCellDef font partie de @angular/cdk bibliothèque et exporté dans le CdkTableModule.

Inclure ce module dans les importations de votre application

Answer 2

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

ajoutez ceci en haut de votre composant et en haut de app.module.ts puis sur app.module.ts ajoutez CdkTableModule aux importations comme indiqué ci-dessous.

@NgModule({
   declarations: [

],
imports: [
    CdkTableModule

],
providers: [

],
bootstrap: [AppComponent],
})

il peut y avoir des déclarations et des fournisseurs, mais dans l'extrait ci-dessus, ils sont ignorés pour plus de commodité.