NG2-复制时的dragula样式原始元素
是指在使用Angular 2框架中的dragula库进行元素拖拽复制时，原始元素的样式。
dragula是一个用于实现拖拽功能的开源库，它可以帮助开发者轻松地实现元素的拖拽、排序和复制等功能。在使用dragula进行元素复制时，原始元素的样式是指被拖拽的元素在拖拽过程中的外观。
通常情况下，原始元素在拖拽过程中会显示为半透明状态，以示区别于其他元素。这样可以让用户清楚地知道哪个元素正在被拖拽，并且可以将其放置到合适的位置。
关于dragula库的具体使用方法和样式设置，可以参考腾讯云提供的相关文档和示例代码。以下是腾讯云推荐的相关产品和产品介绍链接地址：
- 腾讯云云服务器（CVM）：提供弹性计算能力，适用于各种规模的应用程序和工作负载。了解更多信息，请访问：https://cloud.tencent.com/product/cvm
- 腾讯云对象存储（COS）：提供高可靠性、低成本的云端存储服务，适用于存储和管理各种类型的数据。了解更多信息，请访问：https://cloud.tencent.com/product/cos
请注意，以上推荐的产品仅供参考，具体选择应根据实际需求和项目要求进行评估和决策。
相关·内容
我们在ng2-dragula中使用copy: true设置 dragulaService.setOptions'group-body-bag', { copySortSource: true}
现在我们想要用opacity: 0.3这样的东西淡出原始元素(当我们拖动的时候它仍然在列表中)。&
浏览 3提问于2017-01-10得票数 0
回答已采纳
1回答
在dragula中，您有一个从一个容器到另一个容器的单向复制--我想在UI中使用它，将一个表示元素的符号拖到容器中，并让它生成"Real“--真正的交易是一个任意的不同元素。这其中的大部分都很简单：dragula([].slice.call(document.querySelectorAll('.container')), {
copy: function (el/3
浏览 4提问于2016-03-23得票数 8
回答已采纳
我正在构建一个带有角4 cli的应用程序，使用Dragula拖放样式。我想更新到，它提供了一些特定的增强。npm install git://github.com/nguyenj/dragula.git"dependencies": { "dragula":
浏览 5提问于2017-12-10得票数 0
我是一个新开发人员，也是Ionic的新手。正如我所说的，我对所有这些都是新手，并且在找出在哪里以及如何编写实际代码方面遇到了麻烦。任何关于书面例子的帮助都将是令人惊叹的。
下面是我<em
浏览 19提问于2017-07-19得票数 2
<div ng-drag="true" </div>另外，我希望根据屏幕的大小将元素拖动到最大距离，我如何添加此约束？我找到了这个，但我需要它回来时，它被放在任何地方，除了下降区域，这在我的情况下是没有的，它对返回<em
浏览 1提问于2015-09-23得票数 2
我有一个类似于Trello的web应用。使用可以在状态框中拖放的Task(待办事项、待办事项和完成事项)。我使用来实现拖放功能，并希望实现一种使用Angular 2管道过滤任务的方法。所以我这样做了，首先定义了我的管道： name: 'taskFilter',}) return false; }
浏览 4提问于2017-06-29得票数 0
Angular 2.4.8，dragula 3.10.6，似乎dnd时抓取的光标样式不适用。有什么建议吗？/node_modules/dragula/dist/dragula.min.css">
浏览 4提问于2017-03-10得票数 1
我有一个使用ng2-dragula的Angular2组件，可以像这样拖放： selector: 'my-comp', DragulaDragulaService template: ` <div *ngFor="#item of items" [dragula</div>
浏览 6提问于2016-03-14得票数 7
回答已采纳
1回答
我正在设置一个Ionic (4)应用程序，您可以将元素从工具栏拖放到窗口中。我希望根据其类型更改已删除的元素。我在用ng2-dragula。对于exmaple，我想删除一个元素<ion-chip></ion-chip>，当它被删除时，应该类似于<ion-card dragula="DRAGGABLE"></ion-card>。-I尝试在事件期间更改DOM outerHTML ( )
浏览 4提问于2019-09-27得票数 0
我试图使用Dragula拖放库将元素复制到目标容器中，并允许用户从目标容器中删除克隆的元素，方法是将它们拖放到目标容器之外(溢出)。使用所提供的示例，我有以下内容： copy: function (el,== $('left-copy-1tomany');});
浏览 8提问于2015-11-02得票数 6
回答已采纳
1回答
ng2-dragula支持我们想要的东西，除了多次拖放。有人能建议任何库或如何覆盖ng2 dragula来实现同样的目标吗？以下是我们所看到的特点：
支持复制和移动到目标
浏览 1提问于2018-02-12得票数 3
我在我的项目中使用，并且它对me.but很有效，现在我想传递数据，同时将一个元素放在袋子中。<li *ngFor="#comp of record.components | search:searchComp:true" [dragula]='"row-bag"' [
浏览 3提问于2016-05-24得票数 1
回答已采纳
我对ng2-dragula有个问题。我尝试在移动设备上使用它，所以当元素被拖动时，我需要停止滚动。在ng2-dragula GitHub上，用户建议在滚动的元素上使用touch-action: none。我尝试将此属性添加到我的body元素中，因此我使用： this.dragula$.add(this.dragulaService.drag('GOALS')
.subscri
浏览 22提问于2019-01-30得票数 0
1回答
我想显示一个确认模态对话框(UI工具包)时，我把一个元素放在一个新的袋子(我使用角1.4.8和角-dragula)。如果我点击确定，我想继续这个过程，但如果我点击否，我希望元素返回到他的原始包。到目前为止，这是我的代码： revertOnSpill: true } else {
cons
浏览 3提问于2016-02-20得票数 1
回答已采纳
1回答
我已经设置了Dragula并按预期工作，但样式和动画与示例页面上的内容不匹配。在演示页面上，当您开始拖动一个项目时，鼠标将移动该项目的半透明副本，直到您释放它。当我单击并拖动一个项目时，没有半透明的副本，它不会移动，直到我在新位置释放该项目，它才会按预期移动。我已经看到了一些关于这个问题的讨论(和)，并仔细检查了一下，以便在我的索引页面和angular-cli.json页面上包含css (也尝试了这两个页面，一次只有一个，但没有效果)。css：
&l
浏览 3提问于2018-04-20得票数 1
我在我的应用程序中使用Aurelia-Dragula (https://github.com/michaelmalonenz/aurelia-dragula)，我希望像非Aurelia Dragulaoptions.copy = true;
}) 但其结果是复制占上风，removeOnSpill无法工作。当登录到控制台时，选项变量在aurelia-dragula中的外观：{"contai
浏览 27提问于2019-02-07得票数 2
回答已采纳
2回答
角嵌套可拖行和列
、、、、
我看过的资源：
<div>
<row *ngFor="let row of rows" dragula="columns" [dragulaModel]="row?.columns"></column&g
浏览 1提问于2018-01-18得票数 2
回答已采纳
1回答
+(js|js.map)',]import {Dragula,DragulaService} from 'ng2-dragula/ng2-dragula';const
浏览 2提问于2016-06-25得票数 2
我正在使用Dragula，并且我试图使我正在拖动的对象跟随我的光标。我该怎么做呢。编辑:也许值得注意这里的html是什么样子的： <paper-menu id="listL">Polymer({ read
浏览 2提问于2015-11-19得票数 3
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储活动推荐
腾讯云开发者
