[Angularjs] angularjs 시작하기, 기초, 샘플

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이 선언이 안되었기 때문에 에러가 나는 걸 확인할 수 있습니다.

샘플을 통해서 확인하시면 더욱 이해가 빠르게 될꺼 같습니다.

예제 : 이동