JarCastingangular-tel-input
An AngularJS component supporting 10-digit telephone input fields based on the North American Numbering Plan (does not support all phone conventions).
Installation
This Angular component is available via bower and npm. To install:
bower install angular-tel-input --save
OR
npm install angular-tel-input --save
Usage
You must either bundle the installed script in your app via build scripts or include directly in your HTML:
<script src="path/to/source/dist/angular-tel-input.min.js" type="text/javascript"></script>
Include the module in your application:
angular.module('app', ['ngTelInput']);
Include the component in a form where needed:
<ng-form name="Form">
<tel-input input-name="'phone'" is-required="true" number="phoneNumber" on-change="change()" on-blur="blur()" on-focus="focus()"></tel-input>
</ng-form>
The following bindings are supported:
- number (required): This is the model we want to update. Note that the raw, unformatted number will be bound rather than the formatted value.
- inputName (optional): This must be a string, and represents the input name. This can be useful with forms. If using form validation, you must use ngForm.
- isRequired (optional): Whether the input should be required or not as part of the form.
- onChange (optional): A function to call when the value changes.
- onBlur (optional): A function to call when the input is blurred.
- onFocus (optional): A function to call when the input is focused.
Demo
https://thimbleprojects.org/carlosrymer/139559
Contributing
Want to contribute? Great! It's very simple. Just make a pull request and I'll review your changes as soon as possible.
Todos
- Write Unit Tests
License
MIT