Class IgxAutocompleteDirective

Ignite UI for Angular Autocomplete - ヘルプ

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

例:

<input type="text" [igxAutocomplete]="townsPanel" #autocompleteRef="igxAutocomplete"/>
<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>

階層

Hierarchy (view full)

実装

  • OnDestroy
  • AfterViewInit
  • OnInit

コンストラクター

プロパティ

アクセサー

メソッド

コンストラクター

プロパティ

autocompleteSettings: AutocompleteOverlaySettings

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

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

コンポーネントのオートコンプリートを有効/無効にします。

// get
let disabled = this.autocomplete.disabled;
<!--set-->
<input type="text" [igxAutocomplete]="townsPanel" [igxAutocompleteDisabled]="disabled"/>
// set
public disabled = true;
dropdown: IgxDropDownBaseDirective
selectionChanging: EventEmitter<AutocompleteSelectionChangingEventArgs> = ...

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

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

アクセサー

メソッド