Örnek
belli bir değerle eşleşen yalnızca HTML bir bölümünü göster:
<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>
Kendin dene " Tanımı ve Kullanımı
ng-switch yönergesi bir ifadede bağlı / gösteri HTML öğeleri gizlemek sağlar.
Ile Çocuk elemanları ng-switch-when aksi, eleman bir maç alırsa yönergesi görüntülenir ve bu çocukların silinecektir var.
Ayrıca kullanarak, varsayılan bir bölümünü tanımlayabilirsiniz ng-switch-default diğer bölümlerden olmayan bir maç alırsanız bir bölüm göstermek için, yönerge.
Sözdizimi
< 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 >tüm HTML elemanları tarafından desteklenir.
Parametre Değerleri
| değer | Açıklama |
|---|---|
| expression | Hiçbir maç ile öğeleri kaldırmak ve bir kibritle elemanları gösterecektir bir ifade. |