AngularJS como ligar dados com widget SVG
Eu sei que isso geralmente não é o jeito de usar o AngularJS, mas eu queria saber se o que eu quero alcançar é possível com o AngularJS. Se esta não é a maneira recomendada você poderia fornecer dicas sobre como conseguir isso? Por favor, considere que eu sou novo na área de programação web.
Então, no meu projeto eu desenho usando vários widgets SVG & RaphaelJS em uma tela que é colocada dentro do "titular" div. Eu estou tentando ligar esses widgets para dados usando AngularJS, basicamente, cada widget está vinculado a um objeto no CustomController. Como posso acessar o CustomController quando inicializo meus widgets?
<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>
Isso é de qualquer maneira para conseguir a vinculação de dados em widgets SVG usando AngularJS? Eu estou começando a pensar que este não é o objetivo do AngularJS ... neste caso, você poderia por favor me avisar sobre como fazer isso?
ATUALIZAR:
Gente, muito obrigado pelas suas respostas! O requisito é que o widget aceite entrada do usuário e eu quero que ele não seja colocado no arquivo html (para propósitos de modularidade). Portanto, a diretriz parece ser a principal escolha por enquanto. No método de link, eu desenhava o widget usando RaphaelJS e também podia desenhar os objetos editáveis, mas dessa forma não usaria o mecanismo de vinculação AngularJS corretamente, seria apenas relógios e manipuladores de eventos ... o que parece confuso para mim. Teria sido bom se, de alguma forma, eu pudesse colocar tags SVG na propriedade template da diretiva e aparecer no template, mas isso não parece ser suportado.
Vocês tem outras idéias sobre isso?
Btw existe alguma maneira de aplicar ligações programaticamente entre uma propriedade e um elemento HTML (por exemplo, textbox) obtido com jQuery?
Saudações