Beispiel
Zeigen Sie einen Abschnitt von HTML, nur dann, wenn sie einen bestimmten Wert übereinstimmt:
<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>
Versuch es selber " Definition und Verwendung
Die ng-switch - Richtlinie können Sie / show HTML - Elemente verstecken abhängig von einem Ausdruck.
Untergeordnete Elemente mit der ng-switch-when - Richtlinie angezeigt wird , wenn es eine Übereinstimmung bekommt, sonst das Element, und es ist die Kinder entfernt werden.
Sie können auch einen Standardabschnitt definieren, durch die Verwendung von ng-switch-default um einen Abschnitt zu zeigen , wenn nicht von den anderen Abschnitten ein Spiel zu bekommen.
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 >Unterstützt durch alle HTML-Elemente.
Parameterwerte
| Value | Description |
|---|---|
| expression | An expression that will remove elements with no match, and display elements with a match. |