gpt4 book ai didi

Angular CDK 拖放 - 传输项目而不会丢失可见性

转载 作者:行者123 更新时间:2023-12-03 22:05:20 25 4
gpt4 key购买 nike

当我检查该项目时,它似乎已被激活。这个类是:“cdk-drop-list-receiving”。我如何做我不想以任何方式丢失的东西?先感谢您。

enter image description here

替代图片网址:https://i.hizliresim.com/DOOkP6.gif

这不是我独有的问题。您还可以查看示例。执行一次转移操作,离开前你会发现它从列表中“隐藏”了。
https://stackblitz.com/edit/angular-cdk-drag-drop

不释放我想要的元素就不要让他消失。

最佳答案

这里主要有两个挑战

  • 保持零件的顶部列表可用于重复拖放(复制,而不是从拖放容器传输项目)
  • 阻止默认触发器,一旦元素在不同的放置区上,它就会从拖动列表中删除元素

  • 第一个很简单,你可以使用 moveItemInArray 方法代替 transferItem ,一个例子 Blitz 在这里:

    https://stackblitz.com/edit/angular-xjex4y

    第二个挑战(因此它甚至不会暂时消失)似乎更具挑战性,这里有一个正在进行的大型讨论: https://github.com/angular/components/issues/13100

    可以在此处看到给出的解决方法: https://stackblitz.com/edit/angular-cdkdrag-across-templates-using-ids

    关于Angular CDK 拖放 - 传输项目而不会丢失可见性,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/57615405/

    25 4 0
    Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
    广告合作:1813099741@qq.com 6ren.com