Categories

  • posts

Tags

  • AngularJS

양방향 데이터 바인딩

ng-app : Angular 범위를 제한. 하위 노드들이 Angular기능을 사용할수 있게 된다.

<html ng-app>

ng-controller : 적용된 태그영역을 제어하는 컨트롤러 함수를 입력

<div> ng-controller="mainCtrl">

ng-repeat: for/in과 같은 형태로 반복 데이터를 표현

<li ng-repeat="menu in menuList">

ng-model : 자바스크립트 객체와 화면 요소 사으의 양방향 데이터 바인딩을 가능하게 한다.

<input type="text" ng-model="menu.itemCount">

ng-click : 컨트롤러 함수의 $scope에 할당된 함수를 호출한다.

<button ng-click="buy()">buy</button>

사용 예)

See the Pen AngularJS- 양방향 데이터 바인딩 by juein (@juein) on CodePen.