Как спрятать ng-шаблон в p-datatable под углом, чтобы он не занимал место, если в строке нет значений?

Question

Требуется вывод, что он не занимает места, если rowToExpand не содержит описания, т.е. ng-template должен быть скрыт.Как мы можем добавить проверку на ng-шаблон, чтобы избежать вышеуказанной проблемы.

<p-dataTable [expandedRows]="rowsToExpand" expandableRows="true" 
[value]="rowsToExpand" tableStyleClass="table table-striped table-bordered    
table-inherit">
    <p-column field="item" header="Serialno"></p-column>
    ......
    <ng-template let-rowInfo pTemplate="rowexpansion">
        <span *ngIf="rowInfo.Description">
        ......
        </span>
    </ng-template>
</p-dataTable>

Answer 1

Вместо этого

<ng-template let-rowInfo pTemplate="rowexpansion">
      <span *ngIf="rowInfo.Description">
            ......
      </span>
</ng-template>

изменить на

<ng-template *ngIf="rowInfo.Description" let-rowInfo pTemplate="rowexpansion">
       <span >
           ......
       </span>
 </ng-template>

В противном случае вызвать шаблон, если описание существует

<p-dataTable [expandedRows]="rowsToExpand" expandableRows="true" 
 [value]="rowsToExpand" tableStyleClass="table table-striped table-bordered    
    table-inherit">
    <p-column field="item" header="Serialno"></p-column>
    ......

    <div *ngIf="rowInfo.Description then description">

</p-dataTable>

<ng-template #description let-rowInfo pTemplate="rowexpansion">
      <span *ngIf="rowInfo.Description">
            ......
      </span>
</ng-template>