如何显示"没有找到记录"如果datasource为空 - angular / material2

时间:2017-11-27 07:23:29

标签: angular

我使用angular / material2来显示表格。

 <mat-table class="table" #table [dataSource]="dataSource" matSort >    
    <ng-container matColumnDef="{{col}}" *ngFor="let col of displayedColumns">
        <mat-header-cell *matHeaderCellDef mat-sort-header> {{col | camelize}} </mat-header-cell>
        <mat-cell *matCellDef="let element">
            <div *ngIf="col!=='actions'"> {{element[col]}} </div>
            <div *ngIf="col==='actions'"> <a (click)="viewDetails(element.id)">View</a> </div>                
        </mat-cell>
    </ng-container>
<div ><mat-header-row *matHeaderRowDef="displayedColumns"></mat-header-row>
<mat-row *matRowDef="let row; columns: displayedColumns;"></mat-row></div>

如果[dataSource]为空,如何将行显示为&#34;没有找到记录&#34;,现在它只显示表格的标题。

0 个答案:

没有答案