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

qnreck

我有一个使用ng2-dragula进行拖放的Angular2组件,如下所示:

@Component({
  selector: 'my-comp',
  directives: [
    Dragula
  ],
  viewProviders: [
    DragulaService
  ],
  template: `
    <div class="my-div">
      <div *ngFor="#item of items" [dragula]='"card-bag"' [dragulaModel]='items'>
      ...
      </div>
    </div>
  `
})

我的问题:如果我创建多个“ my-comp”组件,则“ card-bag”中的项目无法在这些组件之间拖放(尽管它们具有相同的包名称)。这些项目只能在其拥有的组件内拖放。

我们是否有任何跨组件拖放的配置,或者这是ng2-dragula的限制?

谢谢。

布山·加德卡(Bhushan Gadekar)

如果不使用,[dragulaModel]则只要viewProviders: [ DragulaService ]在top / root组件中仅设置一次,在嵌套组件之间的拖放效果就很好

请记住不要设置viewProviders: [ DragulaService ]其他组件,因为它会为每个组件创建新实例。

编辑:最近我已经实现了使用ng2-dndnpm包的给定方案它比ng2-dragula更好,并提供容易的对象传递和其他功能。它可能会解决您的问题。

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

向服务订阅多个Angular2组件

来自分类Dev

如何使angular2组件ng无效

来自分类Dev

如何使angular2组件ng无效

来自分类Dev

获取降级的ng2组件的ContentChildren

来自分类Dev

Angular 2 ng2如何在模板中使用TypeScript枚举?

来自分类Dev

Angular 2 ng2如何在模板中使用TypeScript枚举?

来自分类Dev

如何在Angular 2中使用ng2文件上传提交帖子数据?

来自分类Dev

如何在Angular 2中使用ng2文件上传提交帖子数据?

来自分类Dev

使用lite-server进行ng2应用开发,如何使用php?

来自分类Dev

angular2组件中的多个动画触发器

来自分类Dev

如何在 ng2 中使用 karma 测试订阅

来自分类Dev

尝试在angular2组件中使用exportAs

来自分类Dev

使用javascript协调angular2组件

来自分类Dev

测试使用setInterval或setTimeout的Angular2组件

来自分类Dev

尝试在angular2组件中使用exportAs

来自分类Dev

使用javascript协调angular2组件

来自分类Dev

CodeMirror作为Angular2组件

来自分类常见问题

Angular2组件@Input双向绑定

来自分类Dev

Angular2组件模板与视图模板

来自分类Dev

Angular2组件-动态内联样式

来自分类Dev

Angular2组件::按类的ViewChild / ContentChild

来自分类Dev

Angular2组件是单向绑定还是输入?

来自分类Dev

以编程方式插入不同的Angular2组件

来自分类Dev

获取传递到Angular2组件的数据

来自分类Dev

HTML代码形式Angular2组件属性

来自分类Dev

Angular2组件构造函数未调用

来自分类Dev

CodeMirror作为Angular2组件

来自分类Dev

JS中的Angular2组件通信

来自分类Dev

从VisJS Event调用Angular2组件函数