Phone Number component splitmodel function

phone-number-splitModel.js

link: function postLink (scope, element, attributes, ngModelCtrl) {
  ...
  // Step 2.
  // Set watcher on parentModel so that internal model is updated
  scope.$watch("parentModel", function () {
      splitModel();
  });
  
  // Function takes the parentModel value and splits it up
  // to populate the internal data model
  function splitModel () {
      // If it is a US/CA country then update the dat 
      if (/US|CA/.test(scope.countryCode) && scope.parentModel) {
          scope.phone.countryCode = scope.parentModel.substr(0,1);
          scope.phone.areaCode = scope.parentModel.substr(1,3);
          scope.phone.phoneOne = scope.parentModel.substr(4,3);
          scope.phone.phoneTwo = scope.parentModel.substr(7,10);
      }
      // IF it is international, then update international model
      else if (scope.parentModel) {
          scope.phoneNumber.international = scope.parentModel;
      }
      // If parentModel has no value clear it
      else {
          scope.phone.countryCode = "1";
          scope.phone.areaCode = "";
          scope.phone.phoneOne = "";
          scope.phone.phoneTwo = "";
          scope.phone.international = "";
      }

      return;
  }
  ...
}