Angular 拖放 : can Enter predicate verify at which index the item is dropped?

Question

我正在使用 Angular DragDropModule，我想将一个对象从一个列表拖动到另一个列表。 这工作完美，但我需要只在到达列表的第一个或最后一个索引处删除我的对象。 例子here显示带有输入谓词的数字列表，该谓词仅允许 Sprite 数字，但我想知道如何解决我的问题。

我希望我说得足够清楚。如果您知道使用谓词以外的其他方法来解决我的问题也没关系。

谢谢!

Answer 1

我想我只是找到了解决问题的方法。事件 cdkDropListDropped 提供了一个“currentIndex”属性，表示刚刚删除项目的索引，因此在“drop”函数中，我刚刚在传输项目之前添加了下面的验证:

drop(event: CdkDragDrop<Object[]>) {
   if (event.currentIndex === 0 || event.currentIndex === arrivalList.length) {
       ...
       ...
       ...
    }
}

我希望我能很好地解释它并且它会对某人有所帮助。