Verwendung von AngularJS und jsPlumb (jsPlumb-Funktionen im AngularJS-Controller verwenden)

8

Also habe ich ein Projekt, an dem ich gerade arbeite und es erfordert, dass ich jsPlumb für grafische Elemente verwende und meine App komplett mit AngularJS erstelle.

Wie soll ich vorgehen, wenn ich den Code einer anderen Bibliothek in meinen Controller aufnehmen möchte (um einen jsPlumb-Code zu starten, sagen wir bei ng-click) oder einen anderen Teil meines AngularJS-Codes? Sollte ich das tun oder warum sollte ich das nicht tun?

    
Georgi Angelov 10.07.2013, 14:37
quelle

3 Antworten

4

Ich sehe keine einfache Möglichkeit, eine Zweiwege-Datenbindung zwischen Angular und jsPlumb herzustellen.

Was ich bei meinem Projekt gemacht habe, ist die Erstellung eines benutzerdefinierten Angular-Dienstes, der als Brücke zwischen Controllern und jsPlumb dient. Ein solcher Dienst enthält anwendungsspezifische Methoden wie:

  • removeElementFromFlow
  • addElement
  • getElements
  • getConnections
  • isElementConnected
  • usw.

Es erlaubt, alle jsPlumb-Installationscodes außerhalb der Controller zu halten und sie sauber zu halten.

    
Alexander Puchkov 13.07.2013, 03:04
quelle
9

Sehen Sie sich dieses gut kommentierte jsPlumb / angularJs-Integrationsbeispiel an:

Ссылка

    
Mr MT 18.01.2014 04:00
quelle
-1

JSPlumb hat ein Tutorial zur Verwendung von JSPlumb mit Angular:

veröffentlicht

Zypern

    
jordajm 23.02.2016 23:20
quelle