AngularJS에서 ng-model을 사용할 때
한글은 실시간 바인드가 되지 않는 경우가 있다.(영어는 잘 되는데!)
그럴 경우 kr-input 설정을 별도로 해주면
한글도 정상 처리가 된다!
다음과 같이 하면 된다!
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30 |
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>Test</title>
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script>
</head>
<body>
<div ng-app="myApp">
<p>한글도 실시간 처리 가능 : <input type="text" ng-model="name" kr-input></p> <!--kr-input 태그를 추가한다.-->
<p>반영 결과 : {{name}}</p>
</div>
<script>
var application = angular.module('myApp', [])
// 다음과 같이 kr-input 설정이 필요하다.
application.directive('krInput', ['$parse', function($parse) {
return {
priority : 2,
restrict : 'A',
compile : function(element) {
element.on('compositionstart', function(e) {
e.stopImmediatePropagation();
});
},
};
}]);
</script>
</body>
</html> |
cs |
'IT노트(구) > JavaScript' 카테고리의 다른 글
| textarea 스크롤 맨 하단으로 이동시키는 방법 (1) | 2015.12.27 |
|---|---|
| (jQuery) innerHTML을 대체하는 html() (0) | 2015.12.22 |
| $('#id').show()와 $('#id').css("display", "block")의 차이 (0) | 2015.12.21 |
| jQuery에서 임의의 새로운 함수 만들기 (0) | 2015.12.15 |
| (jQuery) input 태그를 readonly로 만드는 방법 (0) | 2015.12.15 |