English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
اعرض الجزء المناسب بناءً على القيمة المختارة:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <script src="https://cdn.staticfile.org/angular.js/1.4.6/angular.min.js"></script> </head> <body ng-app=""> المواقع التي أحبها <select ng-model="myVar"> <option value="w3codebox">ar.oldtoolbag.com <option value="google">www.google.com <option value="taobao">www.taobao.com </select> <hr> <div ng-switch="myVar"> <div ng-switch-when="w3codebox"> <h1>الدليل الأساسي</h1> <p>مرحبًا بزيارتك للدليل الأساسي</p> </div> <div ng-switch-when="google"> <h1>Google</h1> <p>مرحبًا بزيارتك لـ Google</p> </div> <div ng-switch-when="taobao"> <h1>Taobao</h1> <p>مرحبًا بزيارتك لـ Taobao</p> </div> <div ng-switch-default> <h1>تبديل</h1> <p>عرض القيمة الم对应的 للخيار المحدد.</p> </div> </div> <hr> <p>يظهر تعليمات ng-switch الجزء الم对应的 القيمة الحالية.</p> </body> </html>التحقق من <‹/›
ng-switch تعرض التعليمات الجزء الم对应的 التعبير.
يتم استخدام التعليمات المناسبة للعناصر الفرعية ng-switch-when تعليمات، إذا تم اختيار العنصر المحدد للعرض، وإذا لم يتم تطابق العنصر الآخر، فإنه سيتم إزالته.
يمكنك استخدام ng-switch-default يحدد التعليمات المبدئية الخيار الافتراضي، وإذا لم يتم تطابق أي خيار، فإن الخيار الافتراضي سيتم عرضه.
<ng-switch></ng-switch> <ng-switch-when=""></ng-switch-when> <ng-switch-when=""></ng-switch-when> <ng-switch-when=""></ng-switch-when> <ng-switch-default></ng-switch-default>
يتم دعم هذه الخاصية من قبل عنصر <form>.
| القيمة | الوصف |
|---|---|
| التعبير | سيعرض التعبير العناصر التي تتطابق، وسيزيل العناصر التي لا تتطابق. |