ng-switch
Misol
HTML qismini faqat u ma’lum bir qiymatga mos kelgandagina ko‘rsating:
<div ng-switch="myVar">
<div ng-switch-when="dogs">
<h1>Dogs</h1>
<p>Welcome to a world of dogs.</p>
</div>
<div ng-switch-when="tuts">
<h1>Tutorials</h1>
<p>Learn from examples.</p>
</div>
<div ng-switch-when="cars">
<h1>Cars</h1>
<p>Read about cars.</p>
</div>
<div ng-switch-default>
<h1>Switch</h1>
<p>Select topic from the dropdown, to switch the content of this DIV.</p>
</div>
</div>
O‘zingiz sinab ko‘ring »
Ta’rif va qo‘llanilishi
ng-switch direktivasi ifodaga qarab HTML elementlarini yashirish/ko‘rsatish imkonini beradi.
ng-switch-when direktivasiga ega ichki (bola) elementlar moslik topilsa ko‘rsatiladi, aks holda element va uning ichki elementlari olib tashlanadi.
Shuningdek, ng-switch-default direktivasi yordamida standart bo‘limni belgilashingiz mumkin: boshqa bo‘limlarning hech biri mos kelmasa, shu bo‘lim ko‘rsatiladi.
Sintaksis
<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>
Barcha HTML elementlari tomonidan qo‘llab-quvvatlanadi.
Parametr qiymatlari
| Qiymat | Tavsif |
|---|---|
| expression | Mos kelmagan elementlarni olib tashlaydigan va mos kelgan elementlarni ko‘rsatadigan ifoda. |
W3Schools Pathfinder
Yutuqlaringizni kuzating – bu bepul!