The <igx-drop-down-item> is a container intended for row items in
a <igx-drop-down> container.
Constructors
Section titled "Constructors"IgxDropDownItemComponent
new IgxDropDownItemComponent(): IgxDropDownItemComponent Returns IgxDropDownItemComponent
Properties
Section titled "Properties"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
isHeader
Section titled "isHeader"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
value
Section titled "value"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
ariaLabel
Section titled "ariaLabel"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
disabled
Section titled "disabled"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
Section titled "focused"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
index
Section titled "index"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
Section titled "selected"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
Methods
Section titled "Methods"ngDoCheck
Section titled "ngDoCheck"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