Latest web development tutorials

AngularJS와 NG 스위치 명령

AngularJS와 참조 설명서 AngularJS와 참조 설명서


디스플레이의 대응하는 부분의 선택된 값에 따라

<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 스위치 기본> </ 요소>
</ 요소>

<양식> 요소는 속성을 지원합니다.


매개 변수 값

기술
상품과 일치하지 않는 디스플레이 일치 식으로 제거된다.

AngularJS와 참조 설명서 AngularJS와 참조 설명서