مقدمة
تطورت JQuery حتى يومنا هذا ، ومكونات الشرائح ناضجة للغاية ، لذلك سوف يأخذك المحرر التالي لإلقاء نظرة على الخطوات لاستخدام AngularJS لتحقيق تأثيرات الشرائح.
تثبيت NPM
NPM تثبيت AngularJSSlider
كيفية استخدام
الخطوة 1 (مقدمة)
يتطلب ('AngularJsSlider') (modulename) ؛ // إدخالالخطوة 2 (تكوين المعلمة)
| يكتب | يوضح | |
| بيانات | صفيف | Slide Picture Data [{IMG: "1.JPG" ، الرابط: '#'} ...] |
| مؤقت | رقم | جهاز توقيت التبديل الشريحة = "2" |
| BTN-LEFT | خيط | زر التبديل اليسرى btn-left = "#btnleft" |
| BTN-right | خيط | زر التبديل btn-right = ". btnright" |
| تحريك النوع | خيط | تبديل وضع الرسوم المتحركة من النوع = "سهولة" |
| وقت تحريك | خيط | تبديل وقت الرسوم المتحركة الوقت المحفوظ = "1.0" ثانية |
الخطوة 3 (أدخل علامة)
<Slider> </slider> // أدخل علامة HTML
<div ng-controller = "firstctrl"> <slider timer = "2" data = "data" btn-left = "#btnleft" btn-right = ".
var mymodule = Angular.module ('myapp' ، []) ؛ mymodule.controller ('firstCtrl' ، function ($ scope) {$ scope.data = [{img: "../img/1.jpg"،link: sour"}] ؛}) ؛لخص
ما سبق هو المحتوى الكامل لهذه المقالة. آمل أن يكون هذا المقال مفيدًا للجميع. إذا كان لديك أي أسئلة ، فيمكنك ترك رسالة للتواصل.