Angularjs를 시작하면 제일 많이나오는 샘플입니다.
Angularjs 양방향 데이터 바인딩이 되기 때문에 별도의 javascript코딩없이 적용되는 모습을 볼 수가 있습니다.
<div ng-app>
<input ng-model="txt">
<span>{{txt}}</span>
</div>
<div>
<input ng-model="txt">
<span>{{txt}}</span>
</div>ng-app는 angularjs 라이브러리를 적용하겠다고 선언하는 부분입니다.
저는 <div ng-app> </div> div안에 선언해 놓았기 때문에 <div> 안에서만 angularjs 라이브러리가 적용이 됩니다.
아래는 ng-app이 선언이 안되었기 때문에 에러가 나는 걸 확인할 수 있습니다.
샘플을 통해서 확인하시면 더욱 이해가 빠르게 될꺼 같습니다.
예제 : 이동
'AngularJS' 카테고리의 다른 글
| [Angularjs] angularjs click ngclick 버튼 클릭 (0) | 2015.12.23 |
|---|---|
| [Angularjs] filter, $filter, 필터링, 재정렬 (0) | 2015.12.22 |
| [Angularjs] repeat, ngrepeat, 배열, 배열 처리, 반복, 반복문 (0) | 2015.12.15 |
| [Angularjs] angularjs controller 컨트롤러 (0) | 2015.12.14 |
| [Angularjs] angularjs $scope 스코프 (0) | 2015.12.14 |