AngularJS- ng-switch
Direktive
Beispiel
Zeigen Sie einen HTML-Abschnitt nur dann an, wenn er einem bestimmten Wert entspricht:
<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>
Definition und Verwendung
Mit der ng-switch
Direktive können Sie HTML-Elemente in Abhängigkeit von einem Ausdruck ein-/ausblenden.
Untergeordnete Elemente mit der ng-switch-when
Direktive werden angezeigt, wenn sie eine Übereinstimmung erhalten, andernfalls werden das Element und seine untergeordneten Elemente entfernt.
Sie können auch einen Standardabschnitt definieren, indem Sie die ng-switch-default
Direktive verwenden, um einen Abschnitt anzuzeigen, wenn keiner der anderen Abschnitte eine Übereinstimmung erhält.
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 von allen HTML-Elementen.
Parameterwerte
Value | Description |
---|---|
expression | An expression that will remove elements with no match, and display elements with a match. |