Div на основе массива остаются в положении после перетаскивания при обновлении массива - PullRequest
Новая
       22

Div на основе массива остаются в положении после перетаскивания при обновлении массива

0 голосов
/ 09 апреля 2019

Я делаю угловую приборную панель и только начал использовать функцию перетаскивания. У меня есть массив ведер, которые я обновляю каждые х минут. Я получаю новые ведра из 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>
...