使用AngularJS和jsPlumb（在AngularJS控制器中使用jsPlumb函数）

Question

所以我有一个我正在研究的项目，它要求我使用jsPlumb进行图形元素连接，并且我正在使用AngularJS完全构建我的应用程序。

如果我想将另一个库的代码包含到我的控制器中（以激活一些jsPlumb代码，比如ng-click）或我的AngularJS代码的任何其他部分，请遵循什么程序？我应该这样做还是为什么不这样做？

Answer 1

看看这篇评论很好的jsPlumb / angularJs集成示例：

https://github.com/mrquincle/jsplumb-example

Answer 2

我没有看到在Angular和jsPlumb之间建立双向数据绑定的简单方法。

我最终在项目中做的是创建一个自定义Angular服务，它充当控制器和jsPlumb之间的桥梁。此类服务包含特定于应用程序的方法，例如：

• removeElementFromFlow
• 的addElement
• 的getElements
• getConnections
• isElementConnected
• 等

它允许将所有jsPlumb管道代码保留在控制器之外，保持它们干净。

Answer 3

JSPlumb已经发布了一个关于如何将JSPlumb与Angular一起使用的教程：

https://jsplumbtoolkit.com/docs/toolkit/demo-angular.html