الخلفية: التعاون بين مكتبة فئة Angular و JQuery
في مكتبة الطرف الثالث ، يجب أن نذكر jQuery الشهيرة ، والتي أصبحت الآن أداة إلزامية لتطوير الويب المحلي. تجعل عملية DOM المرنة العديد من مطوري الويب غير قادرين على التوقف. إلى جانب مكتبة jQuery UI الناضجة بالفعل وعدد كبير من المكونات الإضافية jQuery ، فهو تقريبا منزل الكنز لا ينضب. ومع ذلك ، هل يمكن دمجها مع AngularJS؟
العديد من الأصوليين AngularJS سلبية حول هذا الموضوع. وهم يعتقدون أنه منذ أن تم استخدام AngularJS كإطار تطبيق الويب ، من الضروري تجنب التداخل من مكتبات الفصول الدراسية الأخرى وجعل تطبيقات وضع MVVM النقي. أي عملية DOM مشابهة لـ jQuery غير نظيفة. ضع جميع العمليات المتعلقة بالواجهة ، مثل عمليات DOM ، في التوجيه ، بحيث تكون الصفحة توجيهًا بدون رمز ، وهو ما يتوافق مع فكرة JSF. MVVM ، DSL ، أفكار تنظيم المكونات هي اتجاه الويب. حسنًا ، الفكرة جيدة ، الأصوليون نقيون للغاية. ولكن الحقيقة هي أنه عندما نستخدم AngularJS ، لا يمكننا الاستغناء عن jQuery.
كما نعلم جميعا ، jquery لايت. يتم تضمينه بالفعل في AngularJs ، ويتم استخدام العديد من الطرق في رمز مصدر AngularJS مباشرة لاستخدام طرق jQuery. على سبيل المثال ، آلية ربط الحدث من AngularJS. نظرًا لأن الأنبياء يستخدمونها جميعًا ، فلماذا لا نستخدمه؟ لا حرج في فكرة تكوين المكونات ، ولكن ليست هناك حاجة لربط يديك وقدميك بسبب هذا. الشيء الوحيد الذي يجب ملاحظته هو عدم استخدام رمز jQuery لتدمير بنية AngularJS. (الرابط الأصلي: http://www.angularjs.cn/a0fg)
الحالة: تغليف البرنامج المساعد الزمني لموقع bootstrap الرسمي في Angular
تعليمات للاستخدام:
أضف ng-model='timepickerTest' ng-time على جزء html من bootstrap-datetimepicker الأصلي
عنوان تخزين الكود على github: https://github.com/cynthiawupore/ui-bootstrap-datetimepicker
إذا كنت لا تزال ترغب في الدراسة بعمق ، فيمكنك النقر هنا لدراسة وإرفاق 3 مواضيع مثيرة لك:
Bootstrap التعلم البرنامج التعليمي
Bootstrap البرنامج التعليمي العملي
تعليمي استخدام المكونات الإضافية Bootstrap
ما سبق هو كل محتوى هذه المقالة. آمل أن يكون ذلك مفيدًا لتعلم الجميع وآمل أن يدعم الجميع wulin.com أكثر.