Angular2 Dropdown Component with NO DEPENDENCYS
ng2-simple-dropdown is a table grid component for Angular2/4.
Try it out: http://ng2-simple-dropdown.nicolaszick.com
[items] can be an Object like the following:
this.savedFilter = [ { name: 'Profile1', any: {} } ][defaultValue] can be a String like the following:
this.defaultSelectTextProfile = "Please Select";[isEditable] can be a boolean and defined if dropdown values can be changed
Install ng2-simple-dropdown via npm
npm install ng2-simple-dropdown --save// app.module.ts import { SimpleDropdownModule } from 'ng2-simple-dropdown'; @NgModule({ ... imports: [ SimpleDropdownModule ] ... }) export class AppModule { } // app.component.html <ng2-simple-dropdown [items]="items" [(ngModel)]="selectedItem" [defaultValue]="defaultText"></ng2-simple-dropdown> // app.component.ts import { Item } from 'ng2-simple-dropdown'; // ... export class AppComponent { savedFilter: Item[] = []; selectedFilter: Item; defaultSelectTextProfile = 'Profiles'; constructor() { const data = { }; this.savedFilter = [ new Item('Profile1'), new Item('Profile2'), new Item('Profile3', data), new Item('Profile4', data), new Item('Profile5', data), new Item('Profile6', data), new Item('Profile7', data), new Item('Profile8', data), new Item('Profile9', data), new Item('Profile10', data), ]; } }git clone https://github.com/nzick/ng2-simple-dropdown.git --depth 1 cd ng2-simple-dropdown npm install npm startnpm run build:libThis project is licensed under the MIT license. See the LICENSE file for more info.