Class IgxDropDownItemComponent

<igx-drop-down-item><igx-drop-down> コンテナーの行項目のためのコンテナーです。

階層

Hierarchy (view full)

コンストラクター

プロパティ

アクセサー

メソッド

コンストラクター

プロパティ

id: string = ...

項目の id を取得または設定します。

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

次のメンバー

IgxSelectItemComponent

isHeader: boolean

指定した項目がヘッダーかどうかを取得または設定します。

 // 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: string = 'option'

項目の role 属性を取得または設定します。デフォルトは 'option' です。

 <igx-drop-down-item [role]="customRole"></igx-drop-down-item>
value: any

項目がデータにバインドされる場合、項目の値を取得または設定します。

// 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 disabled(): boolean
  • 指定した項目が無効かどうかを取得または設定します。

     // 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 のドロップダウン項目は無効として使用されます。

    返却 boolean

  • set disabled(value): void
  • パラメーター

    • value: boolean

    返却 void

  • get focused(): boolean
  • 指定した項目がフォーカスされるかどうかを取得または設定します。

     let mySelectedItem = this.dropdown.selectedItem;
    let isMyItemFocused = mySelectedItem.focused;

    返却 boolean

  • set focused(value): void
  • 指定した項目がフォーカスされるかどうかを取得または設定します。

     let mySelectedItem = this.dropdown.selectedItem;
    let isMyItemFocused = mySelectedItem.focused;

    パラメーター

    • value: boolean

    返却 void

  • get selected(): boolean
  • 項目がドロップダウンで現在選択されている項目かどうかを取得または設定します。

     let mySelectedItem = this.dropdown.selectedItem;
    let isMyItemSelected = mySelectedItem.selected; // true

    双方向データ バインディング

    <igx-drop-down-item [(selected)]='model.isSelected'></igx-drop-down-item>
    

    返却 boolean

  • set selected(value): void
  • 項目がドロップダウンで現在選択されている項目かどうかを取得または設定します。

    パラメーター

    • value: boolean

    返却 void

メソッド