وضع Active Class على الرابط الخاص بالصفحة الحالية

وضع Active Class على الرابط الخاص بالصفحة الحالية داخل ال Sidebar أو أي مكان للروابط

نوصي بكورس تعلم أساسيات البرمجة من أكاديمية Codezilla من هنا
لحجز إستضافة من Hostinger والحصول على الخصم عن طريقي إتبع الشرح من هنا

من جوجل

وضع Active Class على الرابط الخاص بالصفحة الحالية
تخيل معي هذه الروابط موجودة في ملف بإسم Sidebar وهذا الملف يتم إستدعائه في جميع الصفحات ونحتاج لمعرفة ماهي الصفحة الموجودين فيها حاليا ليتم وضع Active Class على الرابط الخاص بهذه الصفحة
كل رابط يستخدم ال Named Routes للذهاب للصفحة الخاصة بالرابط. والآن عند التنقل بين الصفحات نحتاج لفحص ما هي الصفحة الحالية حتى نستطيع وضع Active Class على الرابط المناسب
إذا كنا في صفحة ال Route المسمى Dashboard فإن ال Code التالي سيطبع رقم 1 وهو True معناها أننا في صفحة ال Dashboard فعلا ولو طبعته في اي صفحة أخرى لن تخرج لك نتيجة لذلك سنعتمد عليه لنعرف الصفحة التي نحن فيها والتي يتم إستدعاء ال Sidebar فيها.
الآن سنقوم بعمل شرط مختصر يفحص الصفحة وإذا وجد أنك داخل هذه الصفحة يقوم بوضع Active Class على الرابط الخاص بالصفحة.
كما ترى نقوم بفحص ال Route الخاص بالصفحة فإذا فتحت الصفحة الخاصة بال Route يتم وضع Active Class على الصفحة الحالية المرتبطة بال Route عن طريق وضع كلمة active داخل ال class في حالة ال True و Empty String في حالة ال False

من جوجل

0 تعليقات


    اترك تعليقاً