Angular 无法读取属性'；模板&x27；在MatHeaderRowDef.extractCellTemplate中未定义的

我正在用HTML中的角度材质制作表格，我得到了错误 无法读取MatHeaderRowDef.extractCellTemplate上未定义的属性“template”

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() {}

}

导出类BankListComponent实现OnInit{
dataSource=新的BankDataSource（this.bankService）；
displayedColumns=[“国际金融服务中心”、“银行id”、“分行”、“地址”、“城市”、“地区”、“州”、“银行名称”]
构造函数（私人银行服务：bankService）{}
恩戈尼尼特（）{
}
}
导出类BankDataSource扩展了DataSource{
建造商（私人银行服务：银行服务）{
超级（）；
}
connect（）：可观察{
返回此.bankService.getData（）；
}
断开连接（）{}
}

和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>

银行名称
{{bank.bank_name}

需要一个好看的表，并得到以下错误

BankListComponent.html:2错误类型错误：无法读取MatheadErrorWdef.extractCellTemplate处未定义的属性“template” -

---

---

有点晚了，但这是我在搜索同一问题时的最佳结果。我有个拼写错误。我写过*matHeaderCallDef它应该是Cell而不是Call

---

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

这是一个打字错误，对我来说，我写matHeaderCellDef是作为matHeaderCellDef matHeaderCellDef

---

当我更改它时，它工作得很好

将

\matHeaderCellDef

替换为

*matHeaderCellDef

，然后将#matHeaderCellDef替换为*matHeaderCellDef。出现另一个错误-TypeError:无法读取MatRowDef.extractCellTemplate的undefined属性“template”

@SubhajitDey是否已解决此问题？我也一样。 matHHeaderCellDef