오픈위키
문서 편집

Angularjs

<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]}}" />

참조

CC Attribution-Noncommercial-Share Alike 4.0 International 별도로 명시하지 않을 경우, 이 위키의 내용은 다음 라이선스에 따라 사용할 수 있습니다: CC Attribution-Noncommercial-Share Alike 4.0 International
1.6 KB tech/angularjs.txt · 마지막으로 수정됨 2016/10/18 11:58 저자 V_L V_L

0.034 seconds in processing this page on this powerful server.