انجولر جی ایس 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>کچل</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 پشتیبانی می‌شوند.

پارامتر