使用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管道代码保留在控制器之外，从而保持其干净。