The <igx-drop-down-item> is a container intended for row items in a <igx-drop-down> container.

IgxDropDownItemComponent

new IgxDropDownItemComponent(): IgxDropDownItemComponent

Returns IgxDropDownItemComponent

Inherited from: IgxDropDownItemBaseDirective

Sets/gets the id of the item.

<igx-drop-down-item [id] = 'igx-drop-down-item-0'></igx-drop-down-item>
let itemId =  this.item.id;
id: string

Defined in projects/igniteui-angular/drop-down/src/drop-down/drop-down-item.base.ts:38

Inherited from: IgxDropDownItemBaseDirective

Sets/gets if the given item is header

// get
 let mySelectedItem = this.dropdown.selectedItem;
 let isMyItemHeader = mySelectedItem.isHeader;
<!--set-->
 <igx-drop-down-item *ngFor="let item of items">
     <div *ngIf="items.indexOf(item) === 5; then item.isHeader = true">
         {{item.field}}
     </div>
 </igx-drop-down-item>
isHeader: boolean

Defined in projects/igniteui-angular/drop-down/src/drop-down/drop-down-item.base.ts:183

Inherited from: IgxDropDownItemBaseDirective

Gets/sets the role attribute of the item. Default is 'option'.

<igx-drop-down-item [role]="customRole"></igx-drop-down-item>
role: string = 'option'

Defined in projects/igniteui-angular/drop-down/src/drop-down/drop-down-item.base.ts:223

Inherited from: IgxDropDownItemBaseDirective

Gets/sets the value of the item if the item is databound

// usage in IgxDropDownItemComponent
// get
let mySelectedItemValue = this.dropdown.selectedItem.value;

// set
let mySelectedItem = this.dropdown.selectedItem;
mySelectedItem.value = { id: 123, name: 'Example Name' }

// usage in IgxComboItemComponent
// get
let myComboItemValue = this.combo.items[0].value;
value: any

Defined in projects/igniteui-angular/drop-down/src/drop-down/drop-down-item.base.ts:95

Inherited from: IgxDropDownItemBaseDirective

ariaLabel: string

Defined in projects/igniteui-angular/drop-down/src/drop-down/drop-down-item.base.ts:42, projects/igniteui-angular/drop-down/src/drop-down/drop-down-item.base.ts:46

Inherited from: IgxDropDownItemBaseDirective

disabled: boolean

Defined in projects/igniteui-angular/drop-down/src/drop-down/drop-down-item.base.ts:206, projects/igniteui-angular/drop-down/src/drop-down/drop-down-item.base.ts:210

focused: boolean

Defined in projects/igniteui-angular/drop-down/src/drop-down/drop-down-item.component.ts:24, projects/igniteui-angular/drop-down/src/drop-down/drop-down-item.component.ts:41

Inherited from: IgxDropDownItemBaseDirective

index: number

Defined in projects/igniteui-angular/drop-down/src/drop-down/drop-down-item.base.ts:66, projects/igniteui-angular/drop-down/src/drop-down/drop-down-item.base.ts:73

selected: boolean

Defined in projects/igniteui-angular/drop-down/src/drop-down/drop-down-item.component.ts:57, projects/igniteui-angular/drop-down/src/drop-down/drop-down-item.component.ts:69

Inherited from: IgxDropDownItemBaseDirective

A callback method that performs change-detection, invoked after the default change-detector runs. See KeyValueDiffers and IterableDiffers for implementing custom change checking for collections.

ngDoCheck(): void

Defined in projects/igniteui-angular/drop-down/src/drop-down/drop-down-item.base.ts:284

Returns void