Watch for current value of input with update on blur

Question

I have following input and it updates model on blur event.

<input
  es-max-type
  class="headline"
  ng-change="edit(selectedRow, '{{selectedRow.name}}');"
  ng-model="selectedRow.name"
  ng-model-options="{ updateOn: 'blur' }"/>

es-max-type directive is watching for string length.

scope.$watch(function() {
    return scope.ngModel
}, function(text) {
    if(text) {
        scope.currentLen = text.length;
    }
});

Whenever input is focused I'm showing in corner "15/100" number of characters. But since model is updated only on blur event, I'm unable to track changes during editing. Is there a way to get string length without removing update on blur?

Try ng-keydown (https://github.com/j-ulrich/jquery-simulate-ext) and do not use the watcher. It is not good for performance. — Bas Slagter, Aug 19 '15 at 09:42
So how I can get string length using ng-keydown? I can't count characters since user can delete symbol... Should I track the 'delete' keys also? — vromanch, Aug 19 '15 at 10:45
Look at the docs: https://docs.angularjs.org/api/ng/directive/ngKeypress there is an example there. — Bas Slagter, Aug 19 '15 at 10:47

score 0 · Answer 1 · answered Aug 19 '15 at 09:46

0

Try to listen "input" event. And not "change" or "blur"

answered Aug 19 '15 at 09:46

Cristian S.

937
5
13

Watch for current value of input with update on blur

1 Answers1