Question

我正在使用旋转垫旋转，直到从服务中获取数据以显示在表格中。收到数据后，我将更改条件，并且垫旋转器应停止旋转。但是，从服务接收到数据后，要花很多时间才能停止旋转。

这是我现有的代码

在table.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>

在table.ts

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">

条件改变后的垫旋转器即使在条件改变后仍保持旋转

1 个答案: