首页 文章

Angular Material 2中的md-table

提问于
浏览
13

我正在使用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

我收到错误说“ Can't bind to 'cdkHeaderRowDef' since it isn't a known property of 'md-header-row'.

我怎么解决这个问题?

2 回答

  • 2

    cdkHeaderCellDefcdkCellDef@angular/cdk 库的一部分,并在 CdkTableModule 中导出 .

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

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

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

    @NgModule({
       declarations: [
    
    ],
    imports: [
        CdkTableModule
    
    ],
    providers: [
    
    ],
    bootstrap: [AppComponent],
    })
    

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

相关问题