دستورالعمل ng-switch AngularJS

تعریف و استفاده

ng-switch دستورالعمل به شما اجازه می‌دهد تا عناصر HTML را بر اساس عبارت مخفی/نمایش دهید.

اگر فرزندان عناصر از طریق ng-switch-when در صورت دریافت گزینه همخوانی، دستورالعمل نمایش داده می‌شود با ng-switch-when زیرعناصر دستورالعمل استفاده کنید، در غیر این صورت این عناصر و فرزندان آن‌ها حذف خواهند شد.

شما همچنین می‌توانید از ng-switch-default دستورالعمل تعریف بخش پیش‌فرض را انجام می‌دهد، تا در صورت عدم همخوانی با بخش‌های دیگر نمایش داده شود.

مثال

تنها زمانی که با یک مقدار خاص همخوانی دارد، بخشی از HTML نمایش داده می‌شود:

<div ng-switch="myVar">
  <div ng-switch-when="dogs">
    <h1>سگ‌ها</h1>
    <p>به دنیایی از سگ‌ها خوش آمدید.</p>
  </div>
  <div ng-switch-when="tuts">
    <h1>آموزش‌ها</h1>
    <p>از مثال‌ها بیاموزید.</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 پشتیبانی می‌شوند.

پارامتر