Angular 5:如何使用 jsPlumb 使动态创建的组件可拖动?

Posted

技术标签:

【中文标题】Angular 5:如何使用 jsPlumb 使动态创建的组件可拖动?【英文标题】:Angular 5: how to make dynamically created components draggable with jsPlumb? 【发布时间】:2018-10-29 07:03:56 【问题描述】:

我真的很难将jsPlumb 集成到 Angular 中。 我需要让一些元素可拖动,如果我创建一个静态 html 也没问题。 当我动态创建组件时,问题就来了,jsPlumb 似乎忽略了这些。我确保正确设置了id,但没有运气。 由于解释起来有点困难,我做了一个例子,你可以在这里找到:example demo

任何帮助将不胜感激,在此先感谢

【问题讨论】:

【参考方案1】:

我解决了它在新创建的组件的ngAfterViewInit生命周期中调用jsPlumbdraggable()方法。 如果有人需要,我会发布演示链接:jsPlumb demo

【讨论】:

以上是关于Angular 5:如何使用 jsPlumb 使动态创建的组件可拖动?的主要内容,如果未能解决你的问题,请参考以下文章

在 angular5 中添加第三方(外部)js 库的问题

jsPlumb - 如何获取锚点的位置

如何从 JSPlumb 中的组中删除项目?

jsplumb.js API文档

jsPlumb的简单使用

如何删除jsPlumb连接