Как показать в мат-таблице только непустые данные - PullRequest
1 голос
/ 26 мая 2020

Как отображать в ответе только непустые объекты данных JSON?

<mat-table #table [dataSource]="dataSource">
<ng-container matColumnDef="type">
    <mat-header-cell *matHeaderCellDef mat-sort-header> Type </mat-header-cell>
    <mat-cell *matCellDef="let element"> {{element.type}} </mat-cell>
</ng-container>

<ng-container matColumnDef="version">
    <mat-header-cell *matHeaderCellDef mat-sort-header> Version </mat-header-cell>
    <mat-cell *matCellDef="let element"> {{element.version}} </mat-cell>
</ng-container>

<ng-container matColumnDef="number">
    <mat-header-cell *matHeaderCellDef mat-sort-header> Number </mat-header-cell>
    <mat-cell *matCellDef="let element"> {{element.version}} </mat-cell>
</ng-container>

<ng-container matColumnDef="part">
    <mat-header-cell *matHeaderCellDef mat-sort-header> Part </mat-header-cell>
    <mat-cell *matCellDef="let element"> {{element.part}} </mat-cell>
</ng-container>

<ng-container matColumnDef="description">
    <mat-header-cell *matHeaderCellDef mat-sort-header> Description </mat-header-cell>
    <mat-cell *matCellDef="let element"> {{element.description}} </mat-cell>
</ng-container>

<mat-header-row *matHeaderRowDef="displayedColumns"></mat-header-row>
<mat-row *matRowDef="let row; columns: displayedColumns;"></mat-row>

Найдите приведенный ниже образец ответа JSON и приложите снимок экрана с данными таблица.

{"items":[{"description": "Test 12345","part":"P1","type":"AB","version":"V1.0","number":"12345"},{},{},{"description": "Test 67890","part":"P1","type":"XY","version":"V2.1","number":"67890"}]}

enter image description here

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...