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 |