위키
포럼
도구
바뀐글
랜덤

"AngularJS 튜토리얼 - Hello 예제 2"의 두 판 사이의 차이

잔글 (봇: 자동으로 텍스트 교체 (-</source> +</syntaxhighlight>, -<source +<syntaxhighlight ))
 
(사용자 2명의 중간 판 11개는 보이지 않습니다)
1번째 줄: 1번째 줄:
==개요==
==개요==
;AngularJS 튜토리얼 - Hello 예제 2
;AngularJS 튜토리얼 - Hello 예제 2
*1개의 파일로 구성된 예제
*ng-init을 통해 yourName 변수에 값을 할당함
*ng-init을 통해 yourName 변수에 값을 할당함
*<code><nowiki>{{yourName}}</nowiki></code> 자리에 변수의 값을 보여줌
*<code><nowiki>{{yourName}}</nowiki></code> 자리에 변수의 값을 보여줌
;AngularJS가 가진 템플릿 엔진 기능
:AngularJS의 템플릿 엔진 기능
 
==hello2.html==
<source lang='html5'>
<!doctype html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.16/angular.min.js"></script>
</head>
<body ng-app ng-init="yourName='친구들'">
 
<h1>안녕 {{yourName}}!</h1>


<syntaxhighlight lang='html'>
<body ng-app ng-init="name='John'">
<p>안녕 {{ name }}!</p>
</body>
</body>
</html>
<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.3.16/angular.min.js"></script>
</source>
</syntaxhighlight>
 
<jsfiddle>2gmqqLu7</jsfiddle>
==테스트==
*http://zetawiki.com/angular/hello2.html


==같이 보기==
==같이 보기==
27번째 줄: 18번째 줄:
*[[AngularJS 튜토리얼 - Hello 예제]]
*[[AngularJS 튜토리얼 - Hello 예제]]


==참고 자료==
==참고==
*https://angularjs.org/
*https://angularjs.org/


[[분류: AngularJS]]
[[분류: AngularJS]]

2020년 11월 2일 (월) 02:53 기준 최신판

1 개요[ | ]

AngularJS 튜토리얼 - Hello 예제 2
  • 1개의 파일로 구성된 예제
  • ng-init을 통해 yourName 변수에 값을 할당함
  • {{yourName}} 자리에 변수의 값을 보여줌
AngularJS의 템플릿 엔진 기능
<body ng-app ng-init="name='John'">
<p>안녕 {{ name }}!</p>
</body>
<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.3.16/angular.min.js"></script>

2 같이 보기[ | ]

3 참고[ | ]

원본 주소 "https://zetawiki.com/w/index.php?title=AngularJS_튜토리얼_-_Hello_예제_2&oldid=607192"
문서 댓글 ({{ doc_comments.length }})
{{ comment.name }} {{ comment.created | snstime }}