物料设计Mat-footer-row给出无法读取未定义的属性“模板”

Question

每当我添加以下内容： 我收到以下消息：无法读取未定义的属性“模板”

.....
<ng-container matColumnDef="Price">         
    <mat-header-cell *matHeaderCellDef >Price</mat-header-cell>
    <mat-cell *matCellDef="let prod">{{prod.Price}}</mat-cell>
    <mat-footer-cell></mat-footer-cell>
</ng-container> 
<ng-container matColumnDef="LineTotal">
    <mat-header-cell *matHeaderCellDef>Total</mat-header-cell>
    <mat-cell *matCellDef="let prod"> {{prod.LineTotal}} </mat-cell>
    <mat-footer-cell *matFooterCellDef="let prod">{{prod.LineTotal}}
    </mat-footer-cell>
 </ng-container>

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

如果删除mat-footer-row，表将正确呈现。      shownColumns：string [] = [];      ...      vm.displayedColumns.push（'Price'）;

Answer 1

尝试使用：

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

代替：

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