반응형
SMALL
step04_showHide 하나 만들어서
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 | <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Step04_showHide.html</title> <script src="js/angular.min.js"></script> </head> <body ng-app> 보이게 할지 여부 <input type="checkbox" ng-model="isShow" /> <br /> <img src="images/1.jpg" width="200" ng-show="isShow" /> <br /> 숨길지 여부 <input type="checkbox" ng-model="isHide" /> <br /> <img src="images/2.jpg" width="200" ng-hide="isHide" /> </body> </html> | cs |
이렇게 코딩해 주고 img 경로에 맞게 적당한 그림을 넣어 주면
isShow 가 false 이니 안보이고
isHide 가 false 이니 보이는 것
isShow 가 true 이니 보이는 것이고
isHide 가 true 이니 안보이는 것
isShow 가 true 이니 보이는 것이고
isHide 가 false 이니 보이는 것.
반응형
'FrameWork > AngularJS' 카테고리의 다른 글
| AngularJS Anmation (0) | 2017.08.28 |
|---|---|
| AngularJS from validation (0) | 2017.08.28 |
| Step03_class (0) | 2017.08.25 |
| Step02_controller2 (0) | 2017.08.25 |
| Step02_controller (0) | 2017.08.25 |
