dv-custom-input v0.0.5

DvInputCustom

dv-custom-input is built for Angular >=8.0.0.It doesn't use jQuery.

Working DEMO

Get Started ::

1. Run npm i dv-custom-input or ng add dvy-custom-input.

2. Import FormsModule and ReactiveFormsModule in your app.module.ts file.

3. Add DvInputCustomModule to app NgModule, make sure you have BrowserAnimationsModule as well.

import { CommonModule } from '@angular/common';


import { BrowserAnimationsModule } from '@angular/platform-browser/animations';


@NgModule({
imports: [
    CommonModule,
    BrowserAnimationsModule, // required animations module
    DvInputCustomModule, // DvInputModule added
],

bootstrap: [App],

declarations: [App],
})


class MainModule {}

4. Inside component.ts file

   import {Component} from '@angular/core';

   @Component({ selector: 'my-component', template: <dv-custom-input type="TYPENAME"></dv-custom-input> })

export class MyComponent {
}

5. API

TYPENAMES:number,string,text,phone

-[number] -- Only the numbers can be entered.


-[string] -- Only string values can be entered.


-[text] -- Supports all both string and number.


-[phone] -- Supports custom style phone number.

6. Available options based on input options

Property : Default : Description

textValue : empty-string : by-default is empty but can be set to any value depending upon type mentioned.

className : empty : by-default is empty but can be set to any value.

placeholderText : 'Enter Something!..' : by-default has value but can be set to any value.

firstSeparator : '3' - only for type phone (only int-values) : by-default it has first separator after 3 digits

secondSeparator : '7' - only for type phone (only int-values) : by-default it has second separator after 7 digits

Code scaffolding

Run ng generate component component-name --project dv-input-custom to generate a new component. You can also use ng generate directive|pipe|service|class|guard|interface|enum|module --project dv-input-custom.

Note: Don't forget to add --project dv-input-custom or else it will be added to the default project in your angular.json file.

Running unit tests

Run ng test dv-input-custom to execute the unit tests via Karma.

Further help

To get more help on the Angular CLI use go check out the Divyanshu