Can I trigger ngMessages validation by hand?

Question

I have an input field with a custom validator and ng-messages to show validation messages.

<input type="tel"
       ng-model="ctrl.phoneNumber"
       phone-number
       required />

The custom validator is simple:

ngModel.$validators.phoneNumber = () => {
    return $iElem.intlTelInput('isValidNumber');
};

For some other events I'd like to trigger validation by hand, also simple

$iElem.on('countrychange', () => {
    ngModel.$validate();
});

Which will trigger my custom validator and also this will validate the number again, the form.*.$error object will be updated too, but ngMessages won't reflect, the validation messages won't update somewhy :/

Any idea?

edit: when I go for the next input in the line ngMessages kicks in for that input AND for the phone-number input as well and the view gets updated, but it's late, like if it would omit one cycle to update the view

@joelkornbluh the jquery intlTelInput plugin will fire it https://github.com/jackocnr/intl-tel-input#events — Attila Kling, May 25 '16 at 12:22

score 1 · Accepted Answer · edited May 23 '17 at 12:31

1

Since the countrychange event is not triggered by angular (i.e. outside the digest cycle) you'll need to wrap the validate call inside a $scope.$apply.

iElem.on('countrychange', () => {
  $scope.$apply(function(){
    ngModel.$validate();
  })
});

See this discussion for an explanation

edited May 23 '17 at 12:31

Community

1
1

answered May 25 '16 at 12:28

Joel Kornbluh

1,437
1
13
17

Thanks, this helped, and fixed my problem ;) – Attila Kling May 25 '16 at 12:37

Can I trigger ngMessages validation by hand?

1 Answers1