This is a bad phone number picker for Angular 2+.
- Try out the demo to see it in action!
- Checkout my other Ionic/Angular projects: ionic4-tooltips and ionic4-auto-complete!
- Visit my website for other cool projects!
To install this library (component), run:
$ npm i @flubs/ngx-phone-spinner --save
Add NumberPickerModule to AppModule
import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import { AppComponent } from './app.component';
// Import this library
import { NgxBadPhoneSpinnerModule } from '@flubs/ngx-phone-spinner';
@NgModule({
declarations: [
AppComponent
],
imports: [
BrowserModule,
// Specify this library as an import
NgxBadPhoneSpinnerModule,
],
providers: [],
bootstrap: [AppComponent]
})
export class AppModule { }
Once this library is imported, you can use this component in your Angular application:
export class AppComponent {
change(value: number): void {
console.log(value);
}
}
<@flubs/ngx-phone-spinner
[number]="mobile"
(change)="change($event)">
</@flubs/ngx-phone-spinner>
Attribute | Type | Required | Default | Description |
---|---|---|---|---|
number | [input] string | No | 0000000000 | initial value for the spinner |
(change) | (output) number | no | - | emits the value of the current number, every time the user clicks the - or + button |
If you find any issues feel free to open a request in the Issues tab. If I have the time I will try to solve any issues but cannot make any guarantees. Feel free to contribute yourself.
Run npm install
to get packages required for the demo and then run ionic serve
to run locally.