Angularjs, wie man Daten mit SVG-Widget bindet

Question

Ich weiß, dass dies normalerweise nicht der Weg ist, Angularjs zu verwenden, aber ich habe mich gefragt, ob das, was ich erreichen möchte, mit Angularjs machbar ist. Wenn dies nicht der empfohlene Weg ist, können Sie bitte Hinweise darauf geben, wie Sie dies erreichen können? Bitte beachten Sie, dass ich im Web-Programmierbereich neu bin.

Also zeichne ich in meinem Projekt mit SVG & RaphaLEljs mehrere Widgets auf einer Leinwand, die innerhalb des "Inhabers" aufgestellt ist. Ich versuche, diese Widgets mit Angularjs an Daten zu binden, grundsätzlich ist jedes Widget mit einem Objekt im CustomController verknüpft. Wie kann ich auf den CustomController zugreifen, wenn ich meine Widgets initialisiere?

generasacodicetagpre.

ist dies sowieso, um die Datenbindung auf SVG-Widgets mit Angularjs zu erreichen? Ich fange an zu denken, dass dies nicht der Zweck von Angularjs ist. In diesem Fall könnten Sie mir bitte beraten, wie dies geht?

update:

Jungs vielen Dank für Ihre Antworten! Die Anforderung ist, dass das Widget den Benutzereintrag akzeptiert und ich möchte, dass es nicht in der HTML-Datei (zu Modularitätszwecken) platziert werden soll. Die Richtlinie scheint also die Hauptauswahl für jetzt zu sein. In der Link-Methode würde ich das Widget mit Raphaeljs ziehen, und ich kann auch die editierbaren Objekte ziehen, aber auf diese Weise würde ich den Angularjs-Bindungsmechanismus nicht richtig nutzen, es wäre nur Uhren und Ereignishandleine ... was mir unordentlich erscheint. Es wäre schön gewesen, wenn ich einige Art von SVG-Tags in die Template-Eigenschaft der Richtlinie setzen könnte und in der Vorlage versteckt, aber das scheint nicht unterstützt zu werden.

Haben Sie jünge andere Ideen dazu?

BTW Gibt es Möglichkeit, Bindungen programmatisch zwischen einer Eigenschaft und einem HTML-Element (z. B. TextBox) mit jQuery?

grüße

Answer 1

Sie könnten den Controller halten, aber das würde die gesamte Kommunikation zwischen SVG und Ihrer App in-Side-Out machen.Invertieren Sie stattdessen, wie die Anwendung komponiert ist: Lassen Sie das Winkel die App antreiben und wickeln Sie die SVG mit einer Richtlinie in eine wiederverwendbare Komponente, während DAN genannt wird.

BTW mit SVG und Winkel ist nicht so selten.Schauen Sie sich dieses ziemlich tolles Beispiel an: http://sullerandras.github.com/svg-Equence-diagram/

Answer 2

Sie sollten sich auf die Erstellung einer Angularjs-Richtlinie ansehen, die diese Objekte wickelt.Wenn Daten, die an Winkelbereichsänderungen gebunden sind, müssen einen Umfang durchführen. $ Apply ().Dies ist eine vereinfachte Antwort, werfen Sie einen Blick auf die http://docs.angularjs.org/guide/directive doc.