項目の id
を取得または設定します。
<igx-drop-down-item [id] = 'igx-drop-down-item-0'></igx-drop-down-item>
let itemId = this.item.id;
IgxSelectItemComponent
項目の role
属性を取得または設定します。デフォルトは 'option' です。
<igx-drop-down-item [role]="customRole"></igx-drop-down-item>
項目がデータにバインドされる場合、項目の値を取得または設定します。
// IgxDropDownItemComponent で使用
// 取得
let mySelectedItemValue = this.dropdown.selectedItem.value;
// 設定
let mySelectedItem = this.dropdown.selectedItem;
mySelectedItem.value = { id: 123, name: 'Example Name' }
// IgxComboItemComponent で使用
// 取得
let myComboItemValue = this.combo.items[0].value;
指定した項目が無効かどうかを取得または設定します。
// 取得
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;
指定した項目がフォーカスされるかどうかを取得または設定します。
let mySelectedItem = this.dropdown.selectedItem;
let isMyItemFocused = mySelectedItem.focused;
ドロップダウン項目のデータ インデックス。
// 選択したドロップダウン項目のデータ インデックスを取得します。
let selectedItemIndex = this.dropdown.selectedItem.index
項目が選択で現在選択されている項目かどうかを取得または設定します。
let mySelectedItem = this.select.selectedItem;
let isMyItemSelected = mySelectedItem.selected; // true
Sets/Gets if the item is the currently selected one in the dropdown
項目が選択されたときに Select コンポーネントの入力に表示される項目のテキストを取得/設定する @Input プロパティ。
//get
let mySelectedItem = this.dropDown.selectedItem;
let selectedItemText = mySelectedItem.text;
// 設定
<igx-select-item [text]="'London'"></igx-select-item>
The
<igx-drop-down-item>
is a container intended for row items in a<igx-drop-down>
container.