gv-select

Installation

To install this library, run:

$ npm install gv-select --save

Consuming this library

You can import this library in any Angular application by running:

$ npm install gv-select

and then from your Angular AppModule:

import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core'; 
import { AppComponent } from './app.component';
 
// Import your library
import { GvSelectModule } from 'gv-select';
 
@NgModule({
  declarations: [
    AppComponent
  ],
  imports: [
    BrowserModule, 
    // Specify your library as an import
    GvSelectModule
  ],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule { }

Once this library is imported, you can use its components in your Angular application:

 <!-- You can now use your library component in your html -->
 
 <gv-select [(ngModel)]="SelectedID" 
            [data]="yourdata">
 </gv-select> 
 
  <!-- Below code is used for setting placeholder text-->
  <gv-select [(ngModel)]="SelectedID" 
             [placeholder]="Your placeholder text"
             [data]="yourdata">
  </gv-select> 
 
 <!-- Below code will remove down arrow icon-->
 <gv-select [showIcon]="'false'"
            [(ngModel)]="SelectedID"
            [data]="yourdata">
 </gv-select> 
 
 <!--If you want to bind data on "n"th keypress use the below code-->
 <gv-select [getPosition]="3" 
            (getData)="yourmethod($event)" 
            [(ngModel)]="SelectedID"
            [data]="yourdata">
 </gv-select> 
 

DEMO

https://plnkr.co/edit/KxC7Iq0GXvcO5Dj5pCD1?p=preview

Development

To generate all *.js, *.d.ts and *.metadata.json files:

$ npm run build

To lint all *.ts files:

$ npm run lint

License

MIT © Venkatesan