Instrukcja ng-switch w AngularJS

Definicja i użycie

ng-switch Instrukcja pozwala ukrywać/wyświetlać elementy HTML na podstawie wyrażenia.

Jeśli podelementy są przez ng-switch-when Instrukcja wyświetla elementy z ng-switch-when podelementów instrukcji, w przeciwnym razie element oraz jego podelementy zostaną usunięte.

Możesz również użyć ng-switch-default Instrukcja definiuje domyślną część, aby była wyświetlana, gdy inne części nie pasują.

Przykład

Pokazuj tylko część HTML, gdy pasuje do określonej wartości:

<div ng-switch="myVar">
  <div ng-switch-when="dogs">
    <h1>Psy</h1>
    <p>Witaj w świecie psów.
  </div>
  <div ng-switch-when="tuts">
    <h1>Samouczki</h1>
    <p>Ucz się z przykładów.
  </div>
  <div ng-switch-when="cars">
    <h1>Samochody</h1>
    <p>Przeczytaj o samochodach.</p>
  </div>
  <div ng-switch-default>
    <h1>Przełącznik</h1>
    <p>Wybierz temat z rozwijanego menu, aby przełączyć zawartość tego DIV.</p>
  </div>
</div>

Spróbuj sam

Gramatyka

<element ng-switch="wyrażenie">
  <element ng-switch-when="value"></element>
  <element ng-switch-when="value"></element>
  <element ng-switch-when="value"></element>
  <element ng-switch-default></element>
</element>

Wszystkie elementy HTML obsługują wyrażenia.

Parametry