使用jsplumb动态拖动和连接angular6中创建的节点
dynamically dragging and connecting created nodes in angular6 with jsplumb
我试图让用户能够创建、拖动和连接多个节点，但我仍然不明白 angular 如何呈现这个或组件和其他组件的生命周期，所以即使经过大量研究，我仍然无法弄清楚如何解决下面列出的问题。
基本上，我试图通过简单的 HTML page, but this time here 和 Angular 实现我已经实现的目标，而 angular 对我来说并不容易.
首先，我努力使新的 div 可拖动，我设法做到了，但现在端点似乎无法连接，不知道为什么或如何修复它。
即使查看了文档，我仍然不明白 AfterViewInit、ComponentFactoryResolver、parentInjector、resolveComponentFactory 等代码中的内容是如何工作的，实际上它们解决了可拖动性问题对我来说，但不知道他们为什么或如何修复它。
因此，我们将不胜感激任何帮助或解释。
问题是您正在添加端点并使用在创建节点组件时创建的新 jsplumb 实例使节点可拖动，
这最终会导致每个节点都有许多 jsplumb 实例，这似乎是问题所在，因为显然要连接这些节点，它们必须使用相同的 jsplumb 实例进行初始化：因此请尝试只创建一个实例（或使用默认的 jsplumb 实例）在父组件（包含所有节点的组件）中，然后通过 属性 绑定（@input...）将其传递给新创建的节点以用于成为可拖动等
我试图让用户能够创建、拖动和连接多个节点，但我仍然不明白 angular 如何呈现这个或组件和其他组件的生命周期，所以即使经过大量研究，我仍然无法弄清楚如何解决下面列出的问题。
基本上，我试图通过简单的 HTML page, but this time here 和 Angular 实现我已经实现的目标，而 angular 对我来说并不容易.
首先，我努力使新的 div 可拖动，我设法做到了，但现在端点似乎无法连接，不知道为什么或如何修复它。
即使查看了文档，我仍然不明白 AfterViewInit、ComponentFactoryResolver、parentInjector、resolveComponentFactory 等代码中的内容是如何工作的，实际上它们解决了可拖动性问题对我来说，但不知道他们为什么或如何修复它。
因此，我们将不胜感激任何帮助或解释。
问题是您正在添加端点并使用在创建节点组件时创建的新 jsplumb 实例使节点可拖动， 这最终会导致每个节点都有许多 jsplumb 实例，这似乎是问题所在，因为显然要连接这些节点，它们必须使用相同的 jsplumb 实例进行初始化：因此请尝试只创建一个实例（或使用默认的 jsplumb 实例）在父组件（包含所有节点的组件）中，然后通过 属性 绑定（@input...）将其传递给新创建的节点以用于成为可拖动等