AngularJS ng-switchDirektive

AngularJS 参考手册AngularJS-Referenzhandbuch

Entsprechenden Teil basierend auf dem ausgewählten Wert anzeigen:

<div ng-switch="myVar">
  <div ng-switch-when="example">
     <h1>Example</h1>
     <p>欢迎访问Example</p>
  </div>
  <div ng-switch-when="google">
     <h1>Google</h1>
     <p>欢迎访问Google</p>
  </div>
  <div ng-switch-when="taobao">
     <h1>淘宝</h1>
     <p>欢迎访问淘宝</p>
  </div>
  <div ng-switch-default>
     <h1>切换</h1>
     <p>选择不同选项显示对应的值。</p>
  </div>
</div>

Selbst ausprobieren »

Definition und Verwendung

ng-switchDie Direktive zeigt den entsprechenden Teil je nach Ausdruck an oder blendet ihn aus.

Die entsprechenden Kindelemente verwenden die Direktiveng-switch-when. Wenn sie mit der ausgewählten Option übereinstimmen, wird sie angezeigt; andernfalls wird sie entfernt.

Sie können die Direktiveng-switch-defaultverwenden, um eine Standardoption festzulegen. Wenn keine der Bedingungen übereinstimmt, wird die Standardoption angezeigt.

Syntax

<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>

Das <form>-Element unterstützt dieses Attribut.

Parameterwerte

Wert Beschreibung
expression Der Ausdruck zeigt übereinstimmende Elemente an und entfernt nicht übereinstimmende Elemente.

AngularJS 参考手册AngularJS-Referenzhandbuch

Andere Erweiterungen