Add new intl-tel-input-options parameter: "watch", for two-way binding ngModel in realtime & update compatibility for jQuery 3^.

README.md

@@ -151,6 +151,18 @@ You can use it to display validation errors.
 </span>
 ```
 
+### Enabling two-way binding watch for Angular.js (^1.3)
+
+```component template html
+<input
+    type="tel"
+    ng-model="phoneNumber"
+    value="{{phoneNumber}}"
+    id="mobileInput"
+    intl-tel-input
+    intl-tel-input-options="{watch:true, ...}"
+>
+```
 
 ## Changelog
 

bower.json

@@ -13,7 +13,7 @@
   ],
   "dependencies": {
     "angular": "^1.2.29",
-    "intl-tel-input": "7.1.1 - 8.*"
+    "intl-tel-input": "13.0.2"
   },
   "repository": {
     "type": "git",

dist/scripts/betsol-ng-intl-tel-input.js

@@ -63,15 +63,36 @@
 
           /**
            * Validating the input using plugin's API.
-           */
+           */          
           if ('undefined' !== typeof modelCtrl.$validators) {
-            // Using newer `$validators` API.
-            modelCtrl.$validators[VALIDATOR_NAME] = function (modelValue, viewValue) {
-              if (!modelValue && !viewValue) {
-                return true;
+            if (options.watch){
+              modelCtrl.$validators[VALIDATOR_NAME] = function (modelValue, viewValue) {
+                  if (!modelValue && !viewValue) {
+                    $element.removeClass('ng-invalid');
+                    $element.addClass('ng-valid');
+                    return true;
+                  }
+                  var isValid = callApi('isValidNumber');
+                  if (isValid){
+                    $element.addClass('ng-valid');
+                    $element.removeClass('ng-invalid');
+                  }
+                  else{
+                    $element.addClass('ng-invalid');
+                    $element.removeClass('ng-valid');
+                  }
+                  return true; //returns model value to two-way binding
               }
-              return isValidInput();
-            };
+            }
+            else{
+              // Using newer `$validators` API.
+              modelCtrl.$validators[VALIDATOR_NAME] = function (modelValue, viewValue) {
+                if (!modelValue && !viewValue) {
+                  return true;
+                }
+                return isValidInput();
+              };
+            }
           } else {
             // Using legacy validation approach.
             // This is required for Angular v1.2.x.
@@ -87,7 +108,7 @@
             modelCtrl.$parsers.push(validateValue);
             modelCtrl.$formatters.push(validateValue);
           }
-
+          
           /**
            * Destroying the plugin with the directive.
            */