PannaDropDown

Simple dropdown for your angular6 applications. You change the dropdown UI according to your design.

Installation

1. Install npm module:

   npm install p-dropdown --save 

2. Import PannaDropdownModule in app.module.ts

import { PannaDropdownModule } from 'p-dropdown';

Sample code and Usage:

   <panna-dropdown 
       [(selectedValue)]="maxScore" 
       placeholder=" " 
       [(dropDownList)]="maxStarFilterDropdownList"
       (onSelected)="onChangeMaxScore($event)">
       displayProperty = "starCount"
     </panna-dropdown>

• selectedValue: The default selected value for the dropdown.
• placeholder: Similar to html input box placeholder.
• dropDownList(required): The dropDownList may be Array(simple array or array of json objects)
• onSelected : The event fired when you select/change an option in the list
• displayProperty(required if the list is array of json objects) : Any key from the list if the list is array of json objects.

Development server

Run ng serve for a dev server. Navigate to http://localhost:4200/. The app will automatically reload if you change any of the source files.

Code scaffolding

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

Build

Run ng build to build the project. The build artifacts will be stored in the dist/ directory. Use the --prod flag for a production build.

Running unit tests

Run ng test to execute the unit tests via Karma.

Running end-to-end tests

Run ng e2e to execute the end-to-end tests via Protractor.

Further help

To get more help on the Angular CLI use ng help or go check out the Angular CLI README.