使用jsplumb

Question

我正在尝试向用户提供创建，拖动和连接多个节点的能力，但我仍然不了解角度如何渲染该角度或组件及其他组件的生命周期，因此即使经过大量研究，我仍然无法弄清楚如何解决下面列出的问题。

基本上，我想尝试通过简单的HTML page实现我已经实现的目标，但是这次here使用Angular和angular并不容易。 首先，我一直在努力使新的div可拖动，我设法做到了，但是现在端点似乎无法连接，也不知道为什么或如何修复它。 即使检查完文档，我仍然不了解AfterViewInit，ComponentFactoryResolver，parentInjector，resolveComponentFactory之类的代码中的内容如何工作，实际上它们解决了可拖动性问题对我来说，但不知道为什么或如何解决。

因此，任何帮助或解释都将再次受到赞赏。

Answer 1

问题是，您正在使用创建该节点组件时创建的新jsplumb实例添加端点并使节点可拖动， 这最终将导致每个节点有许多jsplumb实例，这似乎是问题所在，因为连接这些节点时必须使用相同的jsplumb实例对其进行初始化：因此，请尝试仅创建一个实例（或使用默认的jsplumb实例）在父组件（包含所有节点的组件）中，然后将其与属性绑定（@input ...）传递给新创建的节点，以使其可拖动等。