예
이 소정의 값과 일치하는 경우에만, HTML의 단면을 보여
<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>
»그것을 자신을 시도 정의 및 사용
ng-switch 지시자는 식에 따라 / 쇼 HTML 요소를 숨길 수 있습니다.
와 자식 요소 ng-switch-when 가 그렇지 않은 요소를 일치를 얻는 경우에 지침이 표시되며,이 아이들이 제거 될 것입니다.
또한 사용하여 기본 섹션을 정의 할 수 있습니다 ng-switch-default 다른 섹션의 비는 일치를 얻을 경우 단면을 보여주고, 문을.
통사론
< 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 요소에 의해 지원됩니다.
매개 변수 값
| Value | Description |
|---|---|
| expression | An expression that will remove elements with no match, and display elements with a match. |