CdkDropList 输入已弃用 CdkDropList 中不存在

Posted 2023-03-13

【中文标题】CdkDropList 输入已弃用 CdkDropList 中不存在

【英文标题】：CdkDropList enter deprecated not exists in CdkDropList

【发布时间】：2020-11-19 23:49:00

【问题描述】：

在对 Angular Material 10 进行更新后，我遇到了拖放指令的问题。 enter，在cdkDropList 中不再存在，所以我的代码

this.placeholder.enter(drag, drag.element.nativeElement.offsetLeft, drag.element.nativeElement.offsetTop);

不工作。我试图找出解决方案，但没有成功。这是已弃用的 enter 函数 https://stackblitz.com/edit/angular-dragdrop-grid-pnyded 的示例 谁能帮我解决这个问题？非常感谢

【问题讨论】：

这显然现在在DragListRef 中处理。看看这个：github.com/angular/components/issues/19059

谢谢，我认为这是正确的方法。

您找到解决方案了吗？请帮忙并在此处发布

【参考方案1】：

我遇到了同样的问题，并解决了：

this.placeholder._dropListRef.enter(drag._dragRef, 
drag.element.nativeElement.offsetLeft, drag.element.nativeElement.offsetTop);

【讨论】：

这应该被接受为答案，因为它解决了 Angular 10 的这个问题。

这也解决了 Angular 11 的问题