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

참조