Angularjs - 기술

문서의 이전 판을 선택했습니다! 저장하면 이 자료로 새 판을 만듭니다.

{{tag>angularjs}}
====== Angularjs ======
{{INLINETOC}}
  <script type="text/javascript" src="https://code.angularjs.org/1.5.8/angular.min.js"></script>
=====문법=====
====지시어(Directives)====

===ng-app===
앱 모듈을 페이지에 붙임

<html ng-app="store">
===ng-controller===
컨트롤 기능을 페이지에 붙임
  <body ng-controller="StoreController as store">

===ng-show/ng-hide===
표현문에 따라 특정 구역을 표시/숨김
  <h1 ng-show="name"> hello, {{name}} </h1>
===ng-repeat===
특정 구역을 배열의 각 항목 만큼 반복함
  <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)====

<em class="pull-right">{{product.price | currency}}</em>
   <img ng-src="{{product.images[0]}}" />
=====참조=====
  * http://programmingsummaries.tistory.com/category/AngularJS
  * http://blog.outsider.ne.kr/search/angular?page=4
  * http://zetawiki.com/wiki/AngularJS

영어

* https://docs.angularjs.org/tutorial
  * http://www.w3schools.com/angular/
  * https://egghead.io/technologies/angularjs
  * http://campus.codeschool.com/courses/shaping-up-with-angular-js/contents

* https://github.com/Pentiado/angular-lazy-img

편집 요약

참고: 이 문서를 편집하면 내용은 다음 라이선스에 따라 배포하는 데 동의하는 것으로 간주합니다: CC Attribution-Noncommercial-Share Alike 4.0 International