التفاعل بين AngularJS والكود القديم

في سيناريو يتم فيه دمج AngularJS مع تطبيق قديم، تنشأ الحاجة إلى إنشاء اتصال بين اثنين. يتمثل أحد التحديات في ضرورة إرفاق عمليات الاسترجاعات من التطبيق القديم بنافذة DOM. تستكشف هذه المقالة كيفية معالجة هذه المشكلة وتسهيل التفاعل الفعال بين AngularJS والتعليمات البرمجية القديمة.

لتمكين عمليات الاسترجاعات القديمة، يمكنك تسجيل وظيفة في كائن النافذة الذي يمكن لـ AngularJS استدعاؤه. على سبيل المثال، في AS3:

ExternalInterface.call("save"، data);

ExternalInterface.call("save", data);

سيؤدي هذا إلى استدعاء الوظيفة التالية في AngularJS:

window.save = function( بيانات){ // تحديث خدمة أو إرسال حدث

ExternalInterface.call("save", data);

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

الحل هو الاستفادة من إمكانات التشغيل التفاعلي لـ AngularJS. من خلال الوصول إلى النطاق أو الحاقن لعنصر DOM، يمكنك التفاعل مع تطبيق AngularJS. على سبيل المثال:

angular.element(domElement).scope().$apply(function(){ // تحديث النموذج الزاوي أو طرق الاستدعاء });

ExternalInterface.call("save", data);

باختصار، يتضمن تمكين التشغيل التفاعلي بين AngularJS والتعليمات البرمجية القديمة تسجيل عمليات الاسترجاعات في كائن النافذة، واستخدام الخدمات لتسهيل إرسال الأحداث، والاستفادة من آليات التشغيل التفاعلي الخاصة بـ AngularJS للوصول إلى النطاق والحاقن من خارج AngularJS. يسمح هذا الأسلوب بالاتصال السلس بين التطبيقين، مما يسهل تكامل تقنيات الويب الحديثة مع الأنظمة الحالية.