728x90
<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
728x90
'[IT/Programming] > HTML related' 카테고리의 다른 글
| CSS Specificity or Priority (우선순위) (0) | 2019.02.19 |
|---|---|
| Learning JavaScript, especially class-like Constructor function and Property Inheritance through prototype/__proto__ chaining (0) | 2019.02.19 |
| 페이스북 퍼오기 (Embeding facebook post) (0) | 2019.02.18 |
| 트위터 트윗 퍼오기 (Embedding Twitter Tweet) (0) | 2019.02.18 |
| CSP (Content Security Policy) : iframe, image (img), video blocking (0) | 2019.02.18 |
| Youtube Download (0) | 2019.02.18 |
| Learning AJAX (0) | 2019.02.18 |
