AngularJS jak powiązać dane z widżetem SVG
Wiem, że zazwyczaj nie jest to sposób na używanie AngularJS, ale zastanawiałem się, czy to, co chcę osiągnąć, jest możliwe do wykonania za pomocą AngularJS. Jeśli nie jest to zalecany sposób, możesz podać wskazówki, jak to osiągnąć? Proszę wziąć pod uwagę, że jestem nowy w obszarze programowania internetowego.
W moim projekcie rysuję za pomocą SVG i RaphaelJS kilka widżetów na płótnie umieszczonym w div „holder”. Próbuję powiązać te widgety z danymi przy użyciu AngularJS, zasadniczo każdy widget jest powiązany z obiektem w CustomController. Jak uzyskać dostęp do kontrolera CustomController podczas inicjowania moich widżetów?
<html lang="en" style="height: 100%;" ng-app="myApp">
<head>
<script type="text/javascript"">
$(document).ready(function () {
var canvas = Raphael('holder', '800', '600');
var widget1 = new Widget1(params);
// initialize widgets here, that I need to bind to data using AngularJS
// I am not able to access the CustomController here when drawing my widgets
});
</script>
</head>
<body>
<div id="holder" ng-controller="CustomController">
</div>
</body>
</html>
Czy mimo to jest możliwe uzyskanie powiązania danych na widgetach SVG przy użyciu AngularJS? Zaczynam myśleć, że to nie jest cel AngularJS.w tym przypadku możesz mi doradzić, jak to zrobić?
AKTUALIZACJA:
Wielkie dzięki za odpowiedzi! Wymaganiem jest, aby widget akceptował dane wejściowe użytkownika i chcę, aby nie był umieszczany w pliku html (dla celów modułowości). Zatem dyrektywa wydaje się być na razie podstawowym wyborem. W metodzie link narysowałbym widżet za pomocą RaphaelJS i mogę również narysować edytowalne obiekty, ale w ten sposób nie używałbym poprawnie mechanizmu wiążącego AngularJS, byłyby to tylko zegarki i programy obsługi zdarzeń ... co wydaje mi się bałagan. Byłoby miło, gdyby w jakiś sposób umieściłem znaczniki SVG we właściwości szablonu dyrektywy i zrobiłem obłożenie w szablonie, ale to nie wydaje się być obsługiwane.
Czy macie inne pomysły na ten temat?
Czy jest jakiś sposób na programowe zastosowanie powiązań między właściwością a elementem HTML (np. Pole tekstowe) uzyskanym za pomocą jQuery?
pozdrowienia