انتقل إلى محتوى الدرس

Dynamic Class and Style Directives توجيهات الأصناف والأنماط الشرطية

بناء القالب الرئيسي للصفحات عبر @yield و @extends و @section وتضمين الأجزاء المشتركة بـ @include وإدارة الأكواد بـ @stack و @push.
1 صفوف تعليمية
إطار العمل Laravel
0 مشاهدة

شرح صفوف ومحتوى الفقرة

الصف 1 شرح توضيحي

تؤدي كتابة جمل الشرط داخل سمة class أو style في عناصر HTML إلى تشويه الكود وصعوبة قراءته. يوفر Laravel توجيهي @class و@style اللذين يقبلان مصفوفة ترابطية تُدرج منها الأصناف أو الأنماط التي يتحقق شرطها المنطقي فقط.

  • الأصناف الشرطية (@class): تُضاف النصوص غير المشروطة دائماً، بينما تُدرج الأصناف المربوطة بشرط عند تحققه فقط.
  • الأنماط الشرطية (@style): يبني سمة التنسيق المضمنة ديناميكياً بناءً على الشروط المنطقية.
  • نظافة وسوم HTML (Readable Markup): يخلصك تماماً من العبارات الشرطية المعقدة داخل علامات تنصيص السمات.
PHP
<li @class([
    'nav-item',
    'active' => $isActive,
    'text-muted' => $isDisabled,
])>
    <span @style(['color:red' => $isActive])>Link</span>
</li>