Question

我在mat-tabs下有15个或更多mat-tab-groups，但是我想隐藏标签，前提是"datasource.data.length === 0"以下内容不适用于我。有什么建议吗？

invt.html

<mat-tab md-selected class="tabView" mat-stretch-tabs="always" ng-hide="dataService.Data.data.length === 0">
    <div class="container">
        <table mat-table [dataSource]="dataService.Data" matSort matSortActive="transactionTime" matSortDirection="desc" class="mat-elevation-z8">
            <ng-container *ngFor="let colName of Colums; let iCol = index" [matColumnDef]="colName">
                <th mat-header-cell *matHeaderCellDef mat-sort-header>{{ colName }}</th>
                <td mat-cell *matCellDef="let row; let iRow = index">{{ row[colName] }}</td>
            </ng-container>
            <tr mat-header-row *matHeaderRowDef="Colums"></tr>
            <tr mat-row *matRowDef="let row; columns: Colums"></tr>
        </table>
    </div>
</mat-tab>

Answer 1

尝试更改：

ng-hide="dataService.Data.data.length === 0"

收件人：

*ngIf="dataService.Data.data.length"

有条件地动态显示/隐藏角度垫选项卡

1 个答案: