Angularjs كيفية ربط البيانات مع القطعة SVG

Question

أعلم أن هذا عادة ليس هو السبيل لاستخدام Angularjs لكنني كنت أتساءل عما إذا كان ما أريد تحقيقه قابلا للأنثي. إذا لم تكن هذه هي الطريقة الموصى بها، فهل يمكنك تقديم تلميحات حول كيفية تحقيق هذا؟ يرجى النظر في أنني جديد في منطقة برمجة الويب.

لذلك في مشروعي أرسم باستخدام SVG & Raphaeljs العديد من الحاجيات على قماش وضعت داخل DIV "حامل". أحاول ربط هذه الحاجيات هذه البيانات باستخدام AngularJS، أساسا يتم ربط كل عنصر واجهة مع كائن في CustomController. كيف يمكنني الوصول إلى CustomController عندما قمت بتهيئة الحاجيات الخاصة بي؟

giveacodicetagpre.

هل هذا على أي حال لتحقيق ملزم البيانات على الحاجيات SVG باستخدام Angularjs؟ أنا بدأت أعتقد أن هذا ليس هو الغرض من الزنجان .. هل يمكن أن تنصحني هذه الحالة في كيفية القيام بذلك؟

تحديث:

الرجال شكرا جزيلا إجاباتك! الشرط هو أن القطعة تقبل إدخال المستخدم وأريد أنه لا يتم وضعه في ملف HTML (لأغراض طوفية). لذلك يبدو أن التوجيه هو الخيار الأساسي في الوقت الحالي. في طريقة الارتباط، أرسم القطعة باستخدام Raphaeljs ويمكنني أيضا رسم الكائنات القابلة للتحرير ولكن بهذه الطريقة لن أستخدم آلية ربط الزجاجات بشكل صحيح، ستكون مجرد ساعات ومعالجات الأحداث ... التي تبدو فوضوي لي. كان من الممكن أن يكون لطيفا إذا كان بإمكاني وضع علامات SVG في خاصية القالب للتوجيه والقيام بالبخلا في القالب، ولكن هذا لا يبدو أنه مدعوم.

هل يا رفاق لديهم أفكار أخرى حول هذا؟

BTW هل هناك أي طريقة لتطبيق الارتباطات برمجيا بين الممتلكات وعنصر HTML (على سبيل المثال. Textbox) التي تم الحصول عليها باستخدام JQuery؟

فيما يتعلق

Answer 1

يمكنك الحصول على وحدة تحكم، ولكن من شأنها أن تجعل التواصل الكامل بين SVG وتطبيقك في الخارج.بدلا من ذلك عكس كيف يتكون التطبيق: اترك محرك الأقراص الزاوي التطبيق وملف SVG باستخدام توجيه إلى مكون قابلة لإعادة الاستخدام كما ذكر DAN.

btw باستخدام SVG والزاوي ليس مثل هذا الشيء النادر.تحقق من هذا المثال الرائع للغاية: http://sullerandras.github.com/svg-entisence-diagram/

Answer 2

يجب أن ننظر إلى إنشاء توجيه Angularjs الذي يلتف هذه الكائنات.عند تغيير البيانات التي لا بد من تغيير النطاق الزاوي، تحتاج إلى القيام بنطاق. $ التطبيق ().هذه إجابة مبسطة، إلقاء نظرة على http://docs.angularjs.org/guide/diriective doc.