Angularjs ng-switch 명령
선택한 값에 따라 해당 부분을 표시합니다.
<! docType html> <html> <head> <meta charset = "utf-8"> <script src = "http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js"> </script> </head> <body ng-app = ""> ng-modar <옵션 값 = "runooob"> www.runoob.com <옵션 값 = "google"> www.google.com <옵션 값 = "taobao"> www.taobao.com </select> <hr> <div ng-switch = "myvar"> <div ng-switch-when = "runooob"> <h1> 튜토리얼 </p> </div> <div ng-switch when = "google"> <h1> google </h1> <p> Google에 오신 것을 환영합니다 </p> </div> <div ng-switch-when = "taobao"> <h1> taobao </h1> <p> taobao </p> </p> </p> </p> <h1> 스위치 </h1> <p> 해당 값을 표시하려면 다른 옵션을 선택하십시오. </p> </div> </div> <hr> <p> NG 스위치 지시문은 현재 값에 따라 해당 부분을 표시하거나 숨 깁니다. </p> </body> </html>
정의 및 사용법
NG 스위치 지시문은 표현에 따라 해당 부분을 표시하거나 숨 깁니다.
해당 하위 요소는 NG 스위치시 지시를 사용합니다. 일치가 선택되면 디스플레이를 선택하면 다른 디스플레이가 제거됩니다.
NG-Switch-Default 지시문을 사용하여 기본 옵션을 설정할 수 있습니다. 일치하지 않으면 기본 옵션이 표시됩니다.
문법
<요소 ng-switch = "expression"> <Element Ng-Switch-when = "value"> </element> <Element Ng-Switch-when = "value"> </element> <altement ng-switch-when = "value"> </element> <Element ng-switch-default> </element> </element>
<form> 요소는이 속성을 지원합니다.
매개 변수 값
| 값 | 설명하다 |
|---|---|
| 표현 | 표현식은 경기가 나타나고 불일치가 제거됩니다. |
위의 것은 Angularjs ng-switch 명령에 대한 자세한 소개입니다. 나중에 계속 추가 할 것입니다. 이 사이트를 지원 해주셔서 감사합니다!