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
336x280(권장), 300x250(권장), 250x250, 200x200 크기의 광고 코드만 넣을 수 있습니다.

안녕하세요.

 

angularJS를 Eclipse에서 설치하는 방법을 알려드릴꼐요.

 

우선 JAVA설치 : http://jdkblog.tistory.com/1

Eclipse설치 :

Eclipse에서 apache Tomcat설치 : http://jdkblog.tistory.com/4

 

하시는 것을 권장해드릴꼐요 Eclipse에서의 연동이니까요 ㅎㅎ

 

 

1. 일단 eclipse에서 help - Check for Updates를 눌러주세요.

 

 

2. angularJS를 검색하면 이렇게 나온것을 Install합니다.

 

 

 

 

 

 

3. 다음화면에서 confirm을 눌르고 I accept를 체크후에 Fisish를 눌러주세요.(설치 도증에 어떤 화면이 나오면 OK를 2번쯤 눌르면 Eclipse를 재시작 할꺼예요.

 

다음 포스팅에서 angularJS설치확인을 할꼐요 ㅎㅎ

감사합니다~

 

 

 

 

 

 

 

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


이방법 혹은 원본파일에서 사용해도됩니다..

var s = document.createElement('script');

s.type = 'text/javascript';

s.async = true;

s.src = '//code.jquery.com/jquery-1.11.3.min.js';

(document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(s);


$(document).ready(function(){

JQUERY 구문

});

+ Recent posts