Simple dropdown for your angular6 applications. You change the dropdown UI according to your design.
npm install p-dropdown``sh`
npm install p-dropdown --save
2. Import PannaDropdownModule in app.module.ts
`sh`
import { PannaDropdownModule } from 'p-dropdown';`
Sample code and Usage:
sh`
placeholder=" "
[(dropDownList)]="maxStarFilterDropdownList"
(onSelected)="onChangeMaxScore($event)">
displayProperty = "starCount"
- 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.
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.
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.
Run ng test to execute the unit tests via Karma.
Run ng e2e to execute the end-to-end tests via Protractor.
To get more help on the Angular CLI use ng help` or go check out the Angular CLI README.