在角度上使用Dragula拖放

文章/答案/技术大牛

发布

1回答

angular、drag-and-drop、ng2-dragula

使用Dragula库拖放块是必要的。使用的是库版本1.5.0。我收到错误Angular: Can't bind to 'dragula' since it isn't a known property of 'div'.。如何实现块拖动？shared.module.ts：

浏览 12提问于2019-07-12得票数 0

1回答

角倍拖放(ng2-dragula)

angular、drag-and-drop、draggable

我正在寻找拖放库，它支持多次拖动。但是我找不到角2+。ng2-dragula支持我们想要的东西，除了多次拖放。有人能建议任何库或如何覆盖ng2 dragula来实现同样的目标吗？以下是我们所看到的特点：支持复制和移动到目标

浏览 1提问于2018-02-12得票数 3

1回答

角自动滚动与拖放

javascript、angular、autoscroll、dragula、ng2-dragula

下面是一个将dom-autoscroller和 dragula 集成到我的应用程序中的示例，因为dragula中没有内置的autos-crolling。下面是一个和的例子，它们一起使用dragula和自动滚动器。当我把它放在一个处理拖放的组件上时，我会在控制台中得到以下TypeError：...followed由一个ERROR CONTEXT执行，它应用于与组件关联的模板。<div class="drag-things" dragula="

浏览 6提问于2020-01-29得票数 2

回答已采纳

1回答

用github分叉回购覆盖节点依赖关系: npm收缩包装？

node.js、npm、package.json

我正在构建一个带有角4 cli的应用程序，使用Dragula拖放样式。我想更新到，它提供了一些特定的增强。npm install git://github.com/nguyenj/dragula.git"dependencies": { "dragula</em

浏览 5提问于2017-12-10得票数 0

1回答

角2和ng2-dragula* -向组件中添加指令*

angular、angular2-directives、ng2-dragula

我用的是角2.0.0-rc6和ng2-dragula。我想要创建一个简单的单词列表，并能够拖放进去。我在组件声明中找到了几个实现属性“指令”的教程。 import {Dragula, DragulaService} from 'ng2-dragula/ng2-dragula

浏览 5提问于2016-09-06得票数 0

回答已采纳

6回答

如何在角2中绑定呈现元素的事件侦听器？

angular、addeventlistener、event-binding

如何将呈现元素中的事件侦听器绑定到角2中？我正在使用Dragula拖放库。它创建动态HTML，但我的事件并不绑定到动态HTML元素。

浏览 12提问于2017-01-12得票数 63

回答已采纳

2回答

如何使用ng2-dragula和角元尺寸计

angular、ng2-dragula

我用Dragula拖放在我的桌子上。另外，我还使用外挂角大小元素来调整表列的大小。我一直在Angular2工作。<div class="row" [dragula]='&qu

浏览 1提问于2017-05-29得票数 5

1回答

使用Dragula的angular2不能重新排序多个tbody的

angular、dragula

我为那些感兴趣的人设置的angular2 dragula可以在这里找到：import { Component } from '@angular/core'; selector: 'my-app', template: `<h1>Dragula</em

浏览 3提问于2016-10-18得票数 0

回答已采纳

2回答

如何使用ng2-dragula拖放到多个Angular2组件

javascript、drag-and-drop、angular、dragula

我有一个使用ng2-dragula的Angular2组件，可以像这样拖放： selector: 'my-comp', DragulaDragulaService template: ` <div *ngFor="#item of items" [dragula</div

浏览 6提问于2016-03-14得票数 7

回答已采纳

1回答

Angular 2:如何有条件地应用属性指令？

angular、drag-and-drop、dragula

我通过使用拖放。拖放功能的应用方式如下： <div>item 1</div></div> 如果我正确理解angular 2，那么在Angular 2中将[dragula]=

浏览 0提问于2016-05-04得票数 6

1回答

Angular2类型记录拖放功能

typescript、angular

有人已经尝试过使用带有类型记录的Angular2 RC的拖放功能吗？欢呼声桑基特

浏览 3提问于2016-05-18得票数 2

回答已采纳

1回答

Dragula/Angular:如何允许可拖放的项目在其容器内的任何位置被拖放？

angular、dragula、ng2-dragula

我正在设计一个与dragula在我的项目中角的网络应用程序。它在拖放“包”中的东西时工作得很好，但我想要一个更强大的拖放功能。有没有一种方法可以让一个包含可拖动项的<div>，让这些项被拖放到容器中的任何地方？也许甚至可以让它们相互重叠？<div id="desktop" [dragula]='"first-bag"'> <h1>test&

浏览 16提问于2017-08-04得票数 0

回答已采纳

3回答

如何使用角2实现拖放(v2.0.0-beta.15)

html、angular、typescript

我想要实现一个简单的拖放列表的角度，例如，一个杂货列表，我可以改变它的顺序。Iv在使用之前实现了它，但是我的问题是我使用的是角度2.0.0-beta.15，而且我目前无法升级它，所以我必须找到支持这个版本的东西。Iv试图寻找这个库的特定提交，但没有一个适合我的版本。(我正在使用打字本) 如果有人有其他的解决方案，以其他方式重新排序一个列表，并可以给出一个例子，也将受到祝福。

浏览 1提问于2016-07-14得票数 14

回答已采纳

1回答

用ng2-dragula库拖放角材料2芯片

angular、angular-material2、ng2-dragula

使用和，我想用库拖放。4</md-chip>由于棱角材料在md-chip-list中创建了一个包装器md-chip-list，所以上面的内容不起作用。当我们试图拖放时，整个包装就会被拖走。 return el.classList.contains('md-chip-list-wrapper'); }

浏览 4提问于2017-02-17得票数 3

回答已采纳

3回答

安装有角CLI的Dragula

angular、angular-cli、dragula

如何将Dragula合并到具有角CLI的角2项目中？我已将其安装如下：并将其添加到我的app.module中：但是，我得到了错误：我找到的方法建议将它添加到angular-cli-bui

浏览 2提问于2016-10-13得票数 2

1回答

Ionic:有没有办法实现拖放组件的非垂直重新排序？

javascript、ionic-framework、ionic4

我想要显示以正常水平文本流显示的离子芯片列表，并使用正常换行。IonChip>Item 5</IonChip> <IonChip>Item 7</IonChip>是否可以使用离子重新排序在此方向上进行芯片的拖放

浏览 0提问于2020-04-05得票数 2

2回答

Angular 4不能绑定到'dragula‘，因为它不是'div’的已知属性

angular、single-page-application、ng2-dragula

有人在AspDotnetCoreSpa中使用过ng2-dragula吗？dragula.component.html <div class='wrapper'> templateUrl: './node_mod

浏览 2提问于2017-06-05得票数 2

1回答

如何使Dragula成为Angular 2中的全局提供者以跨组件共享

javascript、angularjs、angular、dragula

我正在尝试这样做，这样我就可以很好地在组件之间拖放，但是使用Dragula设置推荐的方式意味着每个组件都有自己的Dragula副本。所以我不能在组件之间拖放。我试图让Dragula成为一个使用UpgradeAdaptor的全球提供商，但这可能不是正确的方式。我对Angular还很陌生import {Component, Input, Inject} from "@angular/core";

浏览 1提问于2016-05-20得票数 0

1回答

在拖动操作未完成之前，浏览器不会考虑新的css设置

javascript、css、ng2-dragula

我对ng2-dragula有个问题。我尝试在移动设备上使用它，所以当元素被拖动时，我需要停止滚动。在ng2-dragula GitHub上，用户建议在滚动的元素上使用touch-action: none。我尝试将此属性添加到我的body元素中，因此我使用： this.dragula$.add(this.dragulaService.drag('GOALS') .subscri

浏览 22提问于2019-01-30得票数 0

1回答

dragula已导入，但无法正常工作。拉威尔

javascript、jquery、laravel

在我的拖放项目中，我使用了dragula包。问题是，当我使用cdn时，它运行正常，但使用laravel webpack.mix技术时，我使用npm导入了dragula，然后它就不能工作了，谁能告诉我我做错了什么。resources/js/draula.jswebpack.mix.js mix.js('re

浏览 4提问于2021-02-03得票数 0

点击加载更多