AngularJS와 NG 스위치 명령
디스플레이의 대응하는 부분의 선택된 값에 따라
<div ng-switch="myVar"> <div ng-switch-when="w3big"> <h1>本教程</h1> <p>欢迎访问本教程</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>
정의 및 사용
NG 스위치 명령을 표시하거나 부품을 대응하는 식에 따라 숨 깁니다.
해당 하위 요소NG-스위치 때 순서, 선택한 매칭 표시하도록 선택할 경우, 일치의 제거를위한 다른.
사용자는 상황이 일치하지 않으면, 디폴트 선택이 표시되고,NG 스위치 기본 명령을 사용하여 기본 옵션을 설정할 수있다.
문법
<요소 NG 스위치 = "표현 ">
<요소 NG-스위치 때 = "값"> </ 요소>
<요소 NG-스위치 때 = "값"> </ 요소>
<요소 NG-스위치 때 = "값"> </ 요소>
<요소 NG 스위치 기본> </ 요소>
</ 요소>
<요소 NG-스위치 때 = "값"> </ 요소>
<요소 NG-스위치 때 = "값"> </ 요소>
<요소 NG-스위치 때 = "값"> </ 요소>
<요소 NG 스위치 기본> </ 요소>
</ 요소>
<양식> 요소는 속성을 지원합니다.
매개 변수 값
값 | 기술 |
---|---|
식 | 상품과 일치하지 않는 디스플레이 일치 식으로 제거된다. |