반응형
<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' 카테고리의 다른 글
| CSS3 examples (0) | 2019.03.04 |
|---|---|
| 괜찮은 에디터들 소개 및 추천 (Introducing/Recommending good code editors) (3) | 2019.03.04 |
| Delayed (Lazy) Loading in HTML by JavaScript (+jQuery) (0) | 2019.02.22 |
| Cloud Server Services (eg. Amazon Web Services) (0) | 2019.02.22 |
| HTTP Server-side Frameworks/Languages 뭘 써야할까? (0) | 2019.02.19 |
| CSS Specificity or Priority (우선순위) (1) | 2019.02.19 |
| Youtube Download (0) | 2019.02.18 |