angularjs 한글 바인딩

geocoding을 이용해 웹 사이트의 구글맵에 좌표를 찍어주던 페이지를 만들던중...

지오코딩의 값이 이상하게 오는 오류가 발생했다. 

처음엔 인터넷 익스플로러 11버전때문에 생기는 문제로 인식하고.. 

호환관련해서 찾아보다가 결국 발견한건

한글 바인딩이 바로 적용되지 않아 입력한 주소가 다르게 입력되어 값이 정확히 나오지 않았던 것이다. 

directive를 추가해준다.

.directive('krInput', [ '$parse', function($parse) {
  return {
    priority : 2,
    restrict : 'A',
    compile : function(element) {
      element.on('compositionstart', function(e) {
        e.stopImmediatePropagation();
      });
    }
  };

} ])

html에서 

<input  class="form-control"
        type="text"
        ng-model="address"
        kr-input>

이렇게 하주면 한글 입력시 실시간으로 바인딩 된다.