<span class="parameter-name"></span> 식으로 해서 처리해도 뭐...
## TOC
## Introduction
on() response 를 간단하게 짤 수 있도록 도와준것 뿐인듯한 기분이?
jQuery 에서 다음과 같이 작성되어야 하는 event handler 가 (뭔가 이상하게 짜놔서 개인적으로 조금 고쳤음.)
```[.scrollable.lang-html]
<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script>
$(document).ready(function() {
var $greeting=$('#greeting');
$('#name').on("input", function() {
$greeting.text('안녕하세요, '+this.value+' !!!');
});
});
</script>
</head>
<body>
<input id="name" type="text"/>
<p id="greeting"></p>
</body>
</html>
```/
AngularJS 를 이용하면 다음과 같이 간단해 지는듯?
```[.scrollable.lang-html]
<!DOCTYPE html>
<html ng-app>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.0/angular.min.js"></script>
</head>
<body>
<input type="text" ng-model="yourName"/>
<p>안녕하세요, {\{yourName}} !!!</p>
<!-- \ 빼시길... 여기있는 쌍중괄호도 AngularJS 가 처리해 버려서 code 가 이상해 지는듯. -->
</body>
</html>
```/
### Actual implementation Example
#### jQuery
안녕하세요, !!!
#### AngularJS
안녕하세요, {{yourName}} !!!
## RRA
'[IT/Programming] > HTML related' 카테고리의 다른 글
| Change browser URL (window.location) without reloading or redirecting a page (0) | 2019.02.18 |
|---|---|
| HTML 에서 동영상 연속 재생하기 (playlist, shuffle, replay) (0) | 2019.02.18 |
| Learning AJAX (0) | 2019.02.18 |
| Learning AngularJS (0) | 2019.02.18 |
| Super Easy Edit (SEE) of docuK (0) | 2019.02.14 |
| HTML docuK format ver. 2.3 (2015-01-18) (2) | 2019.02.14 |
| Email by JAVA (자바 프로그램을 이용해 이메일 보내기) (0) | 2017.02.08 |
| HTML docuK format ver. 2.1, short copiable version (2014-06-25) (0) | 2017.02.08 |