Navigation Directive that handles keyboard events on its host and controls a targeted IgxDropDownBaseDirective component

IgxDropDownItemNavigationDirective

new IgxDropDownItemNavigationDirective(): IgxDropDownItemNavigationDirective

Returns IgxDropDownItemNavigationDirective

dropdown: IgxDropDownBaseDirective

Defined in projects/igniteui-angular/drop-down/src/drop-down/drop-down-navigation.directive.ts:15

target: IgxDropDownBaseDirective

Defined in projects/igniteui-angular/drop-down/src/drop-down/drop-down-navigation.directive.ts:34, projects/igniteui-angular/drop-down/src/drop-down/drop-down-navigation.directive.ts:52

get activeDescendant(): string

Defined in projects/igniteui-angular/drop-down/src/drop-down/drop-down-navigation.directive.ts:57

Returns string

Captures keydown events and calls the appropriate handlers on the target component

handleKeyDown(event: KeyboardEvent): void

Defined in projects/igniteui-angular/drop-down/src/drop-down/drop-down-navigation.directive.ts:65

Parameters

  • event: KeyboardEvent

Returns void

Navigates to previous item

onArrowDownKeyDown(): void

Defined in projects/igniteui-angular/drop-down/src/drop-down/drop-down-navigation.directive.ts:120

Returns void

Navigates to previous item

onArrowUpKeyDown(): void

Defined in projects/igniteui-angular/drop-down/src/drop-down/drop-down-navigation.directive.ts:127

Returns void

Navigates to target's last item

onEndKeyDown(): void

Defined in projects/igniteui-angular/drop-down/src/drop-down/drop-down-navigation.directive.ts:134

Returns void

Navigates to target's first item

onHomeKeyDown(): void

Defined in projects/igniteui-angular/drop-down/src/drop-down/drop-down-navigation.directive.ts:141

Returns void