Angular material 有条件地动态显示/隐藏角垫选项卡
我在Angular material 有条件地动态显示/隐藏角垫选项卡,angular-material,ng-hide,Angular Material,Ng Hide,我在mat tab groups下有15个或更多mat选项卡,但我想隐藏选项卡,条件是“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">
mat tab groups
下有15个或更多mat选项卡
,但我想隐藏选项卡,条件是“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>
{{colName}}
{{row[colName]}
尝试更改:
ng hide=“dataService.Data.Data.length==0”
致:
*ngIf=“dataService.Data.Data.length”
我已经尝试了*ngIf,它正在工作。但如果响应数据源为空,我想首先显示所有选项卡并隐藏它们