Question

我正在使用HTML中的角材料制作表格，但出现错误无法读取MatHeaderRowDef.extractCellTemplate中未定义的属性“模板”

ts文件包含

export class BankListComponent implements OnInit{

    dataSource = new BankDataSource(this.bankService);

    displayedColumns = ['ifsc', 'bank_id', 'branch', 'address', 'city', 'district', 'state', 'bank_name']

    constructor(private bankService: BankService){}

    ngOnInit(){

    }

}


export class BankDataSource extends DataSource<any>{

    constructor(private bankService: BankService){
        super();
    }

    connect(): Observable<Bank[]> {
        return this.bankService.getData();
    }

    disconnect() {}

}

以HTML

<ng-container matColumnDef="bank_name">
    <mat-header-cell #matHeaderCellDef>Bank Name</mat-header-cell>
    <mat-cell *matCelDef="let bank">{{bank.bank_name}}</mat-cell>
</ng-container>

<mat-header-row *matHeaderRowDef="displayedColumns"></mat-header-row>
<mat-row *matRowDef="let row; columns: displayedColumns"></mat-row>

需要一个漂亮的表并收到以下错误。

BankListComponent.html：2错误TypeError：无法读取MatHeaderRowDef.extractCellTemplate中未定义的属性“模板” -

Answer 1

有点晚了，但这是我自己寻找相同问题时的最佳结果。我有一个拼写错误。我写了* matHeaderC a llDef，它应该是C e 不会C a ll。

这里的问题显示* matCelDef，它缺少l-所以应该是* matCellDef

Answer 2

打错字了，我把

matHeaderCellDef

写成

matHHeaderCellDef

当我改变它时它完美地工作

无法读取MatHeaderRowDef.extractCellTemplate中未定义的属性“模板”

2 个答案: