Матовый вращатель с условием продолжает вращаться даже после изменения состояния

Question

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

Это мой существующий код

В табл.html

<mat-card *ngIf="isLoading2 === true; else elseBlock" class = "snapshot-spinner">
            <mat-progress-spinner color="primary" mode="indeterminate">
            </mat-progress-spinner>
        </mat-card>

    <ng-template #elseBlock class="container" style="padding-bottom: 10px; padding-top: 20px">
        <table class='reports'>
            <tr>
                <th class="reports-data">Data1 : {{ SnapshotData.Data1 }}</th>
                <th class="reports-data">Data2 : {{ SnapshotData.Data2 }} </th>
                <th class="reports-data">Data3 : {{ SnapshotData.Data3 }}</th>
                <th class="reports-data">Data4 : {{ SnapshotData.Data4 }}</th>
            </tr>
        </table>
    </ng-template>

В табл.ц

this.messageService.getSnapshotDetails().subscribe(
      response => {
        this.SnapshotData = response;
        console.log(this.SnapshotData);
        this.isLoading2 = false;
        console.log(this.isLoading2);
      },
      errorResponse => { console.log(errorResponse), this.isLoading2 = false },

    );

Почему вращатель циновки так долго останавливается, даже если значение isLoading2 меняется на false? Как мне это решить?

Answer 1

Не думаю, что вам нужно добавлять === true. Вы пытались написать это так, как это?

<mat-card *ngIf="isLoading2 === true; else elseBlock" class = "snapshot-spinner">