使用角度材料表获取错误"Property 'tpl' does not exist on type 'ListComponent'."

Question

我在实现角度材料表时收到以下错误。

错误：

属性 'tpl' 在类型"ListComponent" 上不存在。

我在下面解释我的代码。

<div class="mt-9">
<table mat-table [dataSource]="dataSource" matSort (matSortChange)="sortChange($event)">
<tr mat-header-row *matHeaderRowDef="displayColumns(); sticky: true"></tr>
<tr mat-row *matRowDef="let row; columns: displayColumns();" matRipple class="element-row"
[cdkDetailRow]="row" [cdkDetailRowTpl]="tpl"></tr>
</table>
<div *ngIf="!dataSource || dataSource?.length === 0" class="text-center mt-5 text-danger">
<h6>No records found</h6>
</div>
<mat-paginator [pageSizeOptions]="[10, 25, 50, 100]" [pageSize]="pageSize" [pageIndex]="pageIndex"
[length]="totalCount" (page)="pageChange($event)" showFirstLastButtons></mat-paginator>
</div>

在这里我正在使用[cdkDetailRowTpl]="tpl"，错误即将到来。我需要一些帮助来解决此错误。

Answer 1

tpl应该在列表组件中声明

列表组件：

export class ListComponent implements OnInit {
tpl: any;
constructor() { }
ngOnInit() {
}
}