336x280(권장), 300x250(권장), 250x250, 200x200 크기의 광고 코드만 넣을 수 있습니다.

안녕하세요.

 

이번에는 간단한 소스 코드 알려드릴꼐요.

 

간단하게 text입력하면 그 값을 바로 밑에 비동기식으로 출력이 될꺼예요.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<!DOCTYPE html>
<html>
<meta charset="utf-8"/>
<!-- angularJS를 불러옵니다. -->
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script>
<body>
 
<div ng-app="">    <!-- angularJS단위이름(?) -->
 
<p>기본 text:</p>
<!-- ng-model은 값을 name으로 넣어줍니다. -->
<p>Text값 입력 : <input type="text" ng-model="name" placeholder="아무거나 입력해주세요."></p>
<!-- {{변수 명으로 불러옵니다.}} -->
<h1>Hello {{name}}</h1>
 
</div>
 
</body>
</html>
 
cs

 

 

 

이렇게 내용이 똑같이 나오네요.

 

혹시 확인하고 싶으시다면 소스를 복사해서 해보세요.

 

감사합니다.

 

'ANGULARJS' 카테고리의 다른 글

angularJS While문같은 repeat  (0) 2016.06.27
angularJS contoller단을 이용하기  (0) 2016.06.27
angularJS 변수를 출력하는 ng-init  (0) 2016.06.27
angularJS 설치하기  (0) 2016.06.26

+ Recent posts