반응형
SMALL
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 | <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Step08_switch.html</title> <script src="js/angular.min.js"></script> </head> <body ng-app> <select ng-init="what=1" ng-model="what"> <option value="1">하나</option> <option value="2">두울</option> <option value="3">세엣</option> </select> <p>what : <strong>{{what}}</strong></p> <div ng-switch on="what"> <img ng-switch-when="1" src="images/image1.png" width="100" /> <img ng-switch-when="2" src="images/image2.png" width="100" /> <img ng-switch-when="3" src="images/image3.png" width="100" /> </div> </body> </html> | cs |
문서객체를 다 만들어 놓지 않고
문서객체를 만들거나 없애거나 하는 것임
문서객체가 하나밖에 없어
동적으로 만들거나 없애거나 하는 것임
반응형
'FrameWork > AngularJS' 카테고리의 다른 글
| jsonp (0) | 2017.08.30 |
|---|---|
| AngularJS http (0) | 2017.08.29 |
| AngularJS event (0) | 2017.08.29 |
| AngularJS Anmation (0) | 2017.08.28 |
| AngularJS from validation (0) | 2017.08.28 |
