Я создаю таблицу с использованием angular-материала в HTML, получаю ошибку
Не удается прочитать свойство 'template' из неопределенного в 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: Невозможно прочитать свойство 'template' из неопределенного в MatHeaderRowDef.extractCellTemplate
-