يحدد العنوان مزيجًا من AngularJs و Bootstrap لتنفيذ قائمة الأكورديون ، وهو في الواقع نمط bootstrap.
في المقالة السابقة ، قدمت مزيجًا من Angular.js و Bootstrap لتنفيذ رمز ترقيم الجدول. ثم تعلم العرض التجريبي.
تدرب بشكل رئيسي الأوامر المخصصة ، وتمرير المعلمات إلى أوامر ، ويتم استخدام القواعد القديمة أولاً:
<my-page ng-repeat = "item in extenders" page-title = "item.title"> {{item.text}} </my-page>ما سبق هو أمر مخصص. تحتوي القائمة على 3 عناوين ومحتويات وتستخدم NG-Repeat لتقديمها.
واجهة برمجة تطبيقات التعليمات الأساسية هي كما يلي:
app.directive ('myDiRective' ، function () {return {// تقييد: الافتراضي هو (السمة ، القيمة الافتراضية) <div my-diRevective = ''> </div> e (element) c (اسم الفصل) m (التعليق) // النظر يتم استخدام المعلمة لإخبار AngularJs بإيقاف تشغيل التعليمات على العنصر الحالي من أولوية الأمر. قالب القالب // (telement ، tattrs) {...} القالب: '' ، OtherInjectables) {...} وحدة التحكم: '' ، // controleras: '' ، // require: '' ، // تشغيل DOM برمجيًا ، بما في ذلك إضافة المستمعين ، إلخ iElement ، IATTRS ، Controller) {} ، post: function (scope ، ielement ، iattrs ، controller) {}} // أو function postLink () {}} ؛} ؛})كيف تجعل الآخرين مخفيين عند التبديل؟ الاستخدام الرئيسي للأمر ng-show هو تسجيل النقر الحالي لإخفاء تلك الأخرى.
تعليقات التعليمات البرمجية المحددة هي كما يلي:
<type type = "text/css">. href = "http://apps.bdimg.com/libs/bootstrap/3.3.4/css/bootstrap.min.css"/> <div ng-app = "myApp" page-title = "item.title"> {{item.text}} </my-page> </viv> <script src = "http://apps.bdimg.com/libs/angular.js/1.5.0-beta.0/angular.js angular.module ('myapp' ، []) ؛ app.directive ('mypage' ، function () {return {restrict: 'ea' ، replire: true ، transclude: true ، // to to to to to to to to to to to to to to to to to to to to to to to to to to to to the > {{title}} </h3> '،' </div> ، '<div ng-show = "showme" ng-transclude> </viv>' ، '</viv>']. Toggle () {scope.showme =! scope.showme ؛ والآخرين. إنه متوافق مع CSS3 ، وهو متوافق أيضًا مع المتصفحات المختلفة (أي 6.0+ ، FF 1.5+ ، Safari 2.0 ، Opera 9.0+) ، JQuery 2.0 ، لن يدعم الإصدارات اللاحقة IE6/7/8 المتصفح. على مواقع الويب. "Bootstrap ، من Twitter ، هو إطار أمامي شائع للغاية. كانت لغة CSS شائعة جدًا منذ إطلاقها ، بما في ذلك GitHub ، بما في ذلك NASA MSNBC (Microsoft National Broadcasting Corporation) $ scope.addexpander = function (expander) {expensers.push (expander) ؛} ؛ $ scope.gotoexpander = function (selectexpander) {expensioners.foreach (item ، index) {if (item!