차이
문서의 선택한 두 판 사이의 차이를 보여줍니다.
| 양쪽 이전 판이전 판다음 판 | 이전 판 |
| tech:angularjs [2016/09/20 16:50] – V_L | tech:angularjs [2016/10/18 03:28] (현재) – [참조] V_L |
|---|
| ====== Angularjs ====== | ====== Angularjs ====== |
| {{INLINETOC}} | {{INLINETOC}} |
| | <script type="text/javascript" src="https://code.angularjs.org/1.5.8/angular.min.js"></script> |
| | =====문법===== |
| ====지시어(Directives)==== | ====지시어(Directives)==== |
| |
| <li ng-repeat="product in store.products"> {{product.name}} </li> | <li ng-repeat="product in store.products"> {{product.name}} </li> |
| |
| | |
| | ===ng-init=== |
| | ===ng-click=== |
| | ===ng-class=== |
| | |
| | <li ng-class="{active:tab ===3}"> |
| | ===ng-model=== |
| | |
| | 폼의 요소 값과 컨트롤의 항목을 연동시킨다. |
| | <select ng-model="review.stars" class="form-control" ng-options="stars for stars in [5,4,3,2,1]" title="Stars"> |
| ====필터(Filters)==== | ====필터(Filters)==== |
| |
| <em class="pull-right">{{product.price | currency}}</em> | <em class="pull-right">{{product.price | currency}}</em> |
| | <img ng-src="{{product.images[0]}}" /> |
| =====참조===== | =====참조===== |
| * http://programmingsummaries.tistory.com/category/AngularJS | * http://programmingsummaries.tistory.com/category/AngularJS |
| * https://egghead.io/technologies/angularjs | * https://egghead.io/technologies/angularjs |
| * http://campus.codeschool.com/courses/shaping-up-with-angular-js/contents | * http://campus.codeschool.com/courses/shaping-up-with-angular-js/contents |
| | |
| | |
| | * https://github.com/Pentiado/angular-lazy-img |
| | |
| | http://soomong.net/blog/2014/01/20/translation-ultimate-guide-to-learning-angularjs-in-one-day/ |
| | |
| | |
| | 예제 |
| | |
| | *[[http://stackoverflow.com/questions/26921198/angular-call-modal-in-different-file|파일 팝업]] |
| | |
| | |
