md-bảng trong Material góc 2

Question

tôi đang làm việc với Angular Material Table. Trong mã Html, có

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

tôi phát hiện ra rằng cdkHeaderCellDef và cdkCellDef là từ CDK Table

Tôi nhận lỗi nói rằng "thể 't liên kết với' cdkHeaderRowDef 'vì nó không phải là thuộc tính đã biết của' md-header-row '. "

Tôi có thể giải quyết vấn đề này bằng cách nào?

Answer 1

cdkHeaderCellDef và cdkCellDef là một phần của thư viện @angular/cdk và được xuất trong số CdkTableModule.

Bao gồm mô-đun này nhập khẩu của ứng dụng của bạn

Answer 2

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

thêm video này vào phía trên cùng của thành phần của bạn và lên đỉnh app.module.ts và sau đó trên app.module.ts thêm CdkTableModule với hàng nhập khẩu như đưa ra dưới đây.

@NgModule({ 
    declarations: [ 

], 
imports: [ 
    CdkTableModule 

], 
providers: [ 

], 
bootstrap: [AppComponent], 
}) 

có thể có các khai báo và nhà cung cấp nhưng trong đoạn mã trên chúng bị bỏ qua để thuận tiện.