علامات التبويب في Angularjs لا تعمل بشكل صحيح مع UI-Router و UI-Bootstrap
-
21-12-2019 - |
سؤال
أنا أستخدم مرجعا mean.js، يمكنك العثور على التعليمات البرمجية بأكملها هنا .
حاولت إضافة علامات تبويب جديدة إلى الصفحة المقدمة بعد تحديد أحد المقالات من القائمة. بالنسبة لهذه المهمة، قررت استخدام كل من UI-Router و UI-Bootstrap للأندي. لا تعمل علامات التبويب 2 بشكل صحيح، يمكنني التبديل بينها وبين محتواها بشكل صحيح، ولكن في بعض الأحيان عندما أعود وحدد عنصر قائمة المادة "قائمة المادة"، أحصل على صفحة فارغة مع علامات التبويب 2 ولا شيء آخر.
هنا هي التغييرات الموجودة في ملف View-article.client.view.html لتضمين علامات تبويب جديدة (تم نسخ المحتوى السابق إلى الملفين الثاني الذي يحتوي على الجزء الجزئي علامات التبويب الجديدة):
giveacodicetagpre.قمت بإدراجها إلى وحدة تحكم المقالة هذه الخطوط القليلة من التعليمات البرمجية:
giveacodicetagpre.إليك الطريق
giveacodicetagpre.المحلول
يحتوي هذا على ما يجب القيام به مع توجيه علامة تبويب Bootstrap أو الزاوييبدو أنه يتم استدعاء اتصال SELECT () في TAB2 عند التنقل بعيدا عن Tab2.
لقد غيرت:
giveacodicetagpre.إلى:
giveacodicetagpre.ويعمل العرض التوضيحي الآن.
نصائح أخرى
كان لدي نفس المشكلة مع ui-bootstrap v0.11.2 ، لقد غيرت إلى v0.12.0 وقد عملت!