0.0.13 • Published 6 years ago
p-dropdown v0.0.13
PannaDropDown
Simple dropdown for your angular6 applications. You change the dropdown UI according to your design.
Installation
- Install npm module:
npm install p-dropdown --save
- 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.