刷新数组时，基于数组的Div保持在拖动后的位置

Question

我正在制作一个有角度的仪表板，并且刚刚开始使用拖放功能。我有一系列的存储桶，每隔x分钟刷新一次。我从API获取了新的存储桶。拖动效果很好，但是在每个间隔之后，基于数组中存储区的表将返回到其旧位置。我该如何确保不会发生这种情况，并且即使在间隔之后也能保持自己的位置。

我的带有存储桶的数组

public buckets: Bucket[];

我的函数在每个间隔后触发：

this.msgraphService.getLatestPlan().subscribe(buckets => this.buckets = buckets);

我基于表格的表：

<div *ngIf="buckets">
        <div *ngFor="let bucket of buckets">
          <table class="table table-bordered table-dark" *ngIf="bucket.name.indexOf('Team') !== -1" cdkDragBoundary=".drag-container" cdkDrag>
            <thead>
              <tr>
                <th>{{bucket.name}} - {{bucket.partitionKey}}</th>
              </tr>
            </thead>
            <tbody>
              <tr *ngFor="let task of bucket.plannerTasks">
                <td [ngClass]="{'succescolor' : task.percentComplete === 100}">{{task.title}}</td>
              </tr>
            </tbody>
          </table>
        </div>
      </div>