Comment rendre le clavier PrimeNG Dropdown accessible

Question

Je veux rendre le clavier déroulant accessible. En ce moment, il ne fonctionne pas lorsque j'utilise le clavier haut et bas. J'ai appliqué tabindex mais je ne travaille toujours pas. Quelqu'un at-il une idée à ce sujet ..

<p-dropdown [options]="cities" tabindex="1" placeholder="Select an option"></p-dropdown 

Answer 1

J'ai essayé cela, il fonctionne correctement en utilisant le clavier et flèche vers le bas:

version NPM:

"primeng": "^4.1.3" 

dans le fichier html

<p-dropdown [options]="cities" [(ngModel)]="selectedCity" tabindex="1" placeholder="Select an option"></p-dropdown> 

module.ts

import { DropdownModule } from 'primeng/primeng'; 

@NgModule({ 
    imports: [ 
     DropdownModule 
    ] 
}) 

component.ts

import {SelectItem} from 'primeng/primeng'; 

    cities: SelectItem[]; 
    selectedCity: string;