首页 > 解决方案 > 角表:当我放 ng if 时,行为空

问题描述

我在列上创建了一个带有条件的 Angular MatTable,如下所示:

<ng-container matColumnDef="DateEntree">
    <th mat-header-cell *matHeaderCellDef mat-sort-header> Date d'entrée </th>
    <ng-container mat-cell *matCellDef="let element">
        <td
            *ngIf="element.DureeContrat && element.DateFinContrat && element.DateEntree && element.LieuUtilisation && element.DateSignatureIrrijardin && element.NumContrat && element.PrestataireLocation && element.TypeEngin && element.DateSignaturePrestataire && element.DateCirculation && element.PrixLoyer && element.DateSortie">
            {{element.DateEntree | date:'dd/MM/yyyy'}} </td>
    </ng-container>
</ng-container>

但它显示了空行,我认为这是不遵守条件的数据,我不知道如何删除空行。

这是表格的屏幕截图:如您所见,“99999”下方和上方有2个空行 空行表

先感谢您。

标签: angularasp.net-coreangular-ng-ifmat-table

解决方案


 *ngIf="element.DureeContrat && element.DateFinContrat &&
 element.DateEntree && element.LieuUtilisation && 
 element.DateSignatureIrrijardin && element.NumContrat && 
 element.PrestataireLocation && element.TypeEngin && 
 element.DateSignaturePrestataire && element.DateCirculation && 
 element.PrixLoyer && element.DateSortie; then thenBlock; else 
 elseBlock"

试试这个代码。


推荐阅读