Εντολή 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 υποστηρίζονται.

Παράμετροι