項目の id を取得または設定します。
<igx-drop-down-item [id] = 'igx-drop-down-item-0'></igx-drop-down-item>
let itemId = this.item.id;
指定した項目がヘッダーかどうかを取得または設定します。
// 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>
項目の role 属性を取得または設定します。デフォルトは 'option' です。
<igx-drop-down-item [role]="customRole"></igx-drop-down-item>
項目がデータにバインドされる場合、項目の値を取得または設定します。
// 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;
指定した項目が無効かどうかを取得または設定します。
// get
let mySelectedItem = this.dropdown.selectedItem;
let myItemIsDisabled = mySelectedItem.disabled;
<igx-drop-down-item *ngFor="let item of items" disabled={{!item.disabled}}>
<div>
{{item.field}}
</div>
</igx-drop-down-item>
注: 無効された IgxDropDownGroup のドロップダウン項目は無効として使用されます。
指定した項目がフォーカスされるかどうかを取得または設定します。
let mySelectedItem = this.dropdown.selectedItem;
let isMyItemFocused = mySelectedItem.focused;
<igx-drop-down-item *ngFor="let item of items" focused={{!item.focused}}>
<div>
{{item.field}}
</div>
</igx-drop-down-item>
ドロップダウン項目のデータ インデックス。
// get the data index of the selected dropdown item
let selectedItemIndex = this.dropdown.selectedItem.index
項目がドロップダウンで現在選択されている項目かどうかを取得または設定します。
let mySelectedItem = this.dropdown.selectedItem;
let isMyItemSelected = mySelectedItem.selected; // true
双方向データ バインディング
<igx-drop-down-item [(selected)]='model.isSelected'></igx-drop-down-item>
ドロップダウン項目を定義する抽象クラス: 選択、ハイライト表示、高さのためのプロパティ/スタイルを持つ。 データを渡すためのバインド可能なプロパティ (
value: any)親コンポーネント (
IDropDownBaseタイプを持つ親の下で使用する必要がある)。 Host() でのクリックを処理するメソッド。