我如何在没有按钮的情况下连接块，而是在盒子上的一个可以将箭头从一个盒子拖到另一个盒子的位置

Question

我想手动使用线而不是通过按钮连接div。当用户想与一条线连接时，他应该能够将箭头从一个拖到另一个框。

https://stackblitz.com/edit/angular-jsplumb?file=app%2Fapp.component.html

浏览链接

我想手动连接div而没有按钮

预先感谢

Answer 1

您需要为元素设置端点，以便进行拖放连接，并确定哪个端点是源端点，哪个是目标端点。因此，您需要以这种方式使用addEndpoint函数：

this.jsPlumbInstance.addEndpoint("Source", {
  anchor: "Right",
  connector: ['Flowchart'],
  isSource: true
});
this.jsPlumbInstance.addEndpoint("Target1", {
  anchor: "Left",
  connector: ['Flowchart'],
  isTarget: true,
  endpoint: "Blank",
});

我更新了您的Stackblitz with my answer。

official documentation中的更多信息。