Guest User

Untitled

a guest
Oct 23rd, 2018
78
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 0.90 KB | None | 0 0
  1. <p-dropdown #dd
  2. [options]="cars"
  3. [(ngModel)]="selectedCar"
  4. [style]="{'width':'100%'}"
  5. scrollHeight="400px"
  6. filter="true"
  7. filterBy="value,label"
  8. resetFilterOnHide="true"
  9. (onFocus)="OnFocus()"
  10. (keydown)="test($event)" >
  11. </p-dropdown>
  12.  
  13. OnFocus() {
  14. if(this.cars.length > this.totalNumberOfCars) {
  15. this.cars.shift();
  16. }
  17. }
  18.  
  19. test(event) {
  20. const charCode = event.keyCode;
  21. if(event.key === 'Enter') {
  22. this.selectedCar = this.cars.find(car => {
  23. return car.label.toLowerCase().includes(this.str.toLowerCase());
  24. });
  25. this.cars.unshift(this.selectedCar)
  26. this.str = '';
  27. } else if (event.key === 'Backspace') {
  28. this.str = this.str.replace(/.$/,"");
  29. } else if( (charCode > 64 && charCode < 91) || (charCode > 96 && charCode < 123) || charCode === 8) {
  30. console.log('here')
  31. this.str+= event.key;
  32. }
  33. }
Add Comment
Please, Sign In to add comment