Angular.js - ng-change not firing when ng-pattern is $invalid

Question

I am using ng-pattern to validate some form fields, and I am using ng-change with it to watch and process any changes, however ng-change (or $scope.$watch) will only fire wh

Answer 1

Edit This was answered when ng-model-options was not available. Please see the top-voted answer.

you can write a simple directive to listen input event.

HTML:

 Changes: {{ changes }}

JS:

app.directive('watchChange', function() {
    return {
        scope: {
            onchange: '&watchChange'
        },
        link: function(scope, element, attrs) {
            element.on('input', function() {
                scope.$apply(function () {
                    scope.onchange();
                });
            });
        }
    };
});

http://jsfiddle.net/H2EAB/