угловое перетаскивание cdk не работает в диалоге угловых материалов - PullRequest
Новая
       22

угловое перетаскивание cdk не работает в диалоге угловых материалов

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

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

самый простой код, который я пытаюсь:

HTML 

<div cdkDropList (cdkDropListDropped)="drop($event)">
  <div cdkDrag *ngFor="let n of numbers">
    {{n}}
  </div>
</div>

файл TS 

import { CdkDragDrop, moveItemInArray } from '@angular/cdk/drag-drop';

numbers: number[]= [];

constructor() {
  this.n.push(2,3,4,5);
}

drop(event: CdkDragDrop<number[]>) {
  moveItemInArray(this.numbers, event.previousIndex, event.currentIndex);
}

app.module.ts 

import { DragDropModule } from '@angular/cdk/drag-drop';

@NgModule({ imports: [..., DragDropModule]})

Как я уже сказал, этот код работает в любом месте на любой странице, но когда я копирую его в компонент диалога, он не работает

...