问题标签 [dragula]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
5740 浏览

javascript - Dragula 放置与拖动不同的元素

在 Dragula 中,您可以通过一种方式从一个容器复制到另一个容器 - 我想将其用于 UI,在该 UI 中,您将代表元素的符号拖到容器中并让它产生“真正的交易” - 真正的交易是任意不同的元素。

其中大部分非常简单:

正如您所看到的 - 这会替换 drop 上的元素,从而给我想要的结果。但是,拖动时的重影仍然是原始的“符号”元素。

是否可以在拖动时替换“待删除”元素,以使幻影和最终结果看起来都像所需的元素?

0 投票
0 回答
863 浏览

symfony - Angular 2 与 Symfony 2

如何将 angular 2 带入我现有的 symfony 2 项目中?所以我有一个子页面,我想在其中创建一个小的 angular 2 应用程序。我已将所有源代码存储到我的 acme bundle 公用文件夹中。我的子页面是/foo/bar,我的配置看起来像:

基本树枝模板:

延长树枝模板

我的简单“Hello world”应用程序按预期工作:
ListFLow.ts

所以这里是我的问题:

  1. 我无法将 html-template 与相对路径链接templateUrl: ./../lala/doo.html-> 这是相对于我当前的位置 ( /foo/bar) 而不是相对于我的 *.ts 脚本?
  2. 我想添加第三方组件,例如Dragulahttps://github.com/valor-software/ng2-dragula)->如何将其与作曲家链接并加载到前端?
  3. 如果我下载dragulalib 并将它自己放在我的公共捆绑文件夹中并像这样包含它

    我收到此错误:

    GET: .../foo/bar/dragula 404 未找到

因此,如果角度应用程序位于根路径之外,则会出现很多问题,处理此问题的最佳做法是什么?

0 投票
3 回答
1511 浏览

angular - 通过angular2中的html元素获取模型

我需要通过angular2中的html元素访问模型。在我的例子中,我使用 ng2-dragula 来执行拖放,它的服务只能访问被拖动的 html 元素。我需要更新元素的相应模型。这是github上的问题。

0 投票
1 回答
178 浏览

angularjs - 确认有关 Angular Dragula 中 removeOnspill 事件的消息

当我从包中拖出一个元素时,我想显示一个确认对话框(我正在使用 angular 和 angular-dragula)。如果我单击确定,我想删除该项目,但如果我单击否,我希望元素回到原来的位置。

感谢你。

0 投票
0 回答
406 浏览

angularjs - 如果元素存在于角拖拉中,则防止掉落

我正在使用 angularJs 和 angular-dragula。我的应用程序有一个可拖动项目列表,如果目标位置已经存在一个元素,我想防止放置。

感谢你。

0 投票
1 回答
309 浏览

angular - 将 Dragula 与 systemjs 一起使用

我正在尝试在带有 angular-cli 的 angular2 应用程序中使用 Dragula。

当我像这样导入dragula时:

并尝试使用我得到dragula is not a function错误

0 投票
1 回答
11557 浏览

angular - Angular 2:如何有条件地应用属性指令?

我通过ng2-dragula使用拖放。拖放功能以这种方式应用:

如果我正确理解了 Angular 2,那么如何附加到我的 div 的方式在 Angular 2[dragula]='"first-bag"'中称为属性指令。

现在我的组件中有一个名为enableDragNDrop:boolean. 如何[dragula]='"first-bag"'仅在以下情况下使用此变量附加到我的 div enableDragNDrop == true

如果enableDragNDrop == false,我想要这个:

0 投票
1 回答
916 浏览

angularjs - Dragula-model 未更新源数组

我正在使用 angular-dragula 编写一些测试代码,并且我已经设法让拖放操作正常工作,但它没有更新源数据数组。

我在角度控制器中声明了一些变量:

这可能不是最好的初始化方法,但我得到了一个数组数组,每个数组都包含一个“占位符”字符。

然后 HTML 将其绘制出来:

这似乎可行,我可以将“stuff”或“thangs”拖到包含 ng-repeat 的 div 上,然后将它们放在那里,如果我将东西放在前两行中,两个“pre”容器会更新。

但是当我尝试转储底层的“计划”数组时:

我只是得到只有占位符的原始数组数组。我对模型分配做错了吗?还是绑定?为什么 plan[1] 在 div 中更新,但在 javascript 中没有?

0 投票
1 回答
486 浏览

javascript - 如何使 Dragula 成为 Angular 2 中的全球提供商以跨组件共享

我正在努力做到这一点,以便我可以在组件之间很好地拖放,但是让 Dragula 设置推荐的方式意味着每个组件都有自己的 Dragula 副本。所以我不能在组件之间拖放。

我尝试使用 UpgradeAdaptor 使 Dragula 成为全球供应商,但这可能不是正确的方法。我对 Angular 很陌生

这是我希望重用的组件:

在我试图让 Dragula 全球化的地方:

现在,我仍然可以在组件内拖动和重新排序,但我不能在组件之间移动它。他们有相同的包名。

0 投票
0 回答
717 浏览

typescript - 调用 ng2-dragula ondrop 事件不起作用

我正在以下 [row-bag] 上拖放一个组件。组件已成功拖放。

*ngFor 循环在页面上呈现列,我试图将组件放在这些列之一中,我想要的是当我将组件放在第二列中时,我想访问它的索引,即secRowColumnIndex.

我尝试了事件绑定,(ondrop)="print(secRowColumnIndex)"但没有成功。我也尝试打印 ondrop 方法的参数如下:

执行上述操作不会打印secRowColumnIndex有关如何访问的 .any 输入secRowColumnIndex