Дисплей блесна для стола Угловой 5

Question

Я отображаю таблицу внутри карты угловых материалов и хочу отображать изображение загрузчика только для этой карты, пока карта не загрузит данные.

Возможность установить видимость вращателя мата и проблем нетс этим.Проблема заключается в отображении счетчика для всей карты с прозрачным фоном и в центре карты.Может ли кто-нибудь помочь мне с этим

<mat-card  id ="incidentcard" style="margin: 5px;" class="mat-elevation-z15" fxFlex fxLayout="column">
  <mat-card-content [style.overflow]="'auto'" [style.height.px]="'500'"

    <div *ngIf="isloading">
      <mat-progress-spinner [color]="color"
                            [mode]="mode"
                            [value]="value">

      </mat-progress-spinner>
    </div>

    <h2>Incidents</h2>
    <uitk-dynamic-table id="incidentTable" #dt [model]="incidents" [modelObservable]="incidentObservable">

      <uitk-column-def [id]="incidents.columns[0].id">
        <ng-template #cellTemplate let-col="column" let-record="record">
          <span>{{record[col.id]}}</span>

        </ng-template>
      </uitk-column-def>
    </uitk-dynamic-table>


  </mat-card-content>
</mat-card>

Answer 1

Попробуйте это

<div *ngIf="isloading" style="display: flex; align-items: center; justify-content: center;">
  <mat-progress-spinner [color]="color"
                        [mode]="mode"
                        [value]="value" style="order: 0; flex: 0 1 auto;align-self: auto">

И это для справки flexbox , надеюсь, поможет.

Answer 2

Вы можете воспользоваться else в Angular 2+ и найти документацию здесь .

В вашем примере вам понадобится:

<div *ngIf="isloading; else cellTemplate">