AngularJSでngModelをinputに付けたときに日本語入力がリアルタイムで反映されない問題 ref: http://qiita.com/yaegaki/items/c9cf111ef9d0c541a194

file0.html

<input ng-model="hoge" type="text">
<h1>{{hoge}}</h1>

file1.js

app.directive('jpNgModel', function($parse){
    return {
        restrict:'A',
        link:function(scope, element, attrs){
            var getter = $parse(attrs.jpNgModel);
            var setter = getter.assign;
            var value = getter(scope);
            element.bind('input', function(){
                setter(scope, element.val());
                scope.$apply();
            });

            scope.$watch(attrs.jpNgModel, function(n){
                if(n !== element.val()){
                    element.val(n);
                }
            });
        }
    }
});

file2.html

<input jp-ng-model="hoge" type="text">
<h1>{{hoge}}</h1>