إرشادات AngularJS ng-switch

تعريف و استخدام

ng-switch الإرشادات تسمح لك بإخفاء/إظهار عناصر HTML بناءً على التعبير.

إذا كانت العناصر الفرعية تعبر ng-switch-when إذا تم الحصول على الصفحة التي تتطابق مع الإرشادات، فإنها تظهر مع ng-switch-when العناصر الفرعية للإرشادات، وإلا سيتم حذف العنصر والعناصر الفرعية الخاصة به.

يمكنك أيضًا استخدام ng-switch-default تعريف الجزء الافتراضي للإرشادات، ليعرض هذا الجزء عندما لا تتطابق جميع الأجزاء الأخرى.

مثال

يظهر جزءًا من HTML فقط عندما يتطابق مع قيمة محددة.

<div ng-switch="myVar">
  <div ng-switch-when="dogs">
    <h1>الكلاب
    <p>مرحبًا بك في عالم الكلاب.
  </div>
  <div ng-switch-when="tuts">
    <h1>دروس
    <p>من خلال الأمثلة التعليمية.
  </div>
  <div ng-switch-when="cars">
    <h1>سيارات</h1>
    <p>اقرأ عن السيارات.</p>
  </div>
  <div ng-switch-default>
    <h1>تبديل</h1>
    <p>اختر الموضوع من القائمة المنسدلة للتبديل محتوى هذا DIV.</p>
  </div>
</div>

تجربة شخصية

النحو

<element ng-switch="expression">
  <element ng-switch-when="value"></element>
  <element ng-switch-when="value"></element>
  <element ng-switch-when="value"></element>
  <element ng-switch-default></element>
</element>

جميع عناصر HTML تدعمها.

الم 参数