クラス IgxAutocompleteDirective

igxAutocomplete ディレクティブは、候補オプションのドロップダウンを表示することによりテキスト入力を向上する方法を提供します。 例:

<input type="text" [igxAutocomplete]="townsPanel" />
<igx-drop-down #townsPanel>
    <igx-drop-down-item *ngFor="let town of towns | startsWith:townSelected" [value]="town">
        {{town}}
    </igx-drop-down-item>
</igx-drop-down>

階層

実装

コンストラクタ

プロパティ

アクセサー

メソッド

コンストラクタ

constructor

プロパティ

autocompleteSettings

autocompleteSettings: AutocompleteOverlaySettings

オートコンプリート ドロップダウンのオーバーレイ設定を提供します。

// 取得
let settings = this.autocomplete.autocompleteSettings;
<!--set-->
<input type="text" [igxAutocomplete]="townsPanel" [igxAutocompleteSettings]="settings"/>
// 設定
this.settings = {
 positionStrategy: new ConnectedPositioningStrategy({
     closeAnimation: null,
     openAnimation: null
 })
};

disabled

disabled: boolean = false

コンポーネントのオートコンプリートを有効 / 無効

// 取得
let disabled = this.autocomplete.disabled;
<!--set-->
<input type="text" [igxAutocomplete]="townsPanel" [igxAutocompleteDisabled]="disabled"/>
// 設定
public disabled = true;

dropdown

onItemSelected

onItemSelected: EventEmitter<AutocompleteItemSelectionEventArgs> = new EventEmitter<AutocompleteItemSelectionEventArgs>()

ドロップダウンの項目が選択された後に発生されます。

<input igxInput [igxAutocomplete]="townsPanel" (onItemSelected)='itemSelected($event)' />

アクセサー

target

メソッド

close

  • close(): void

ngAfterViewInit

  • ngAfterViewInit(): void

open

  • open(): void