AngularJS ng-switch talimatı

Tanımlama ve Kullanım

ng-switch talimat, HTML elementlerini ifadeye göre gizlemek veya göstermek için izin verir.

talimatı aracılığıyla ng-switch-when talimat bir eşleşme bulursa, ng-switch-when talimatın alt elementlerini kullanabilirsiniz; aksi takdirde elementi ve alt elementleri silinir.

Ayrıca ng-switch-default Daha fazla kısmı eşleşmezse gösterilecek varsayılan kısmı tanımlayan talimat.

Örnek

HTML'nin bir kısmını sadece belirli bir değere uyduğunda gösterir:

<div ng-switch="myVar">
  <div ng-switch-when="dogs">
    <h1>Köpekler</h1>
    <p>Köpekler dünyasına hoş geldiniz.</p>
  </div>
  <div ng-switch-when="tuts">
    <h1>Tanıtımlar</h1>
    <p>Örneklerden öğren.</p>
  </div>
  <div ng-switch-when="cars">
    <h1>Araçlar</h1>
    <p>Araçlar hakkında okuyun.</p>
  </div>
  <div ng-switch-default>
    <h1>Değiştir</h1>
    <p>Dropdown'tan konuyu seçerek bu DIV'in içeriğini değiştirin.</p>
  </div>
</div>

Kişisel olarak deneyin

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 öğeleri desteklenir.

Parametre