オートコンプリート ドロップダウンのオーバーレイ設定を提供します。
// 取得
let settings = this.autocomplete.autocompleteSettings;
<!--set-->
<input type="text" [igxAutocomplete]="townsPanel" [igxAutocompleteSettings]="settings"/>
// 設定
this.settings = {
positionStrategy: new ConnectedPositioningStrategy({
closeAnimation: null,
openAnimation: null
})
};
コンポーネントのオートコンプリートを有効 / 無効にします。
// 取得
let disabled = this.autocomplete.disabled;
<!--set-->
<input type="text" [igxAutocomplete]="townsPanel" [igxAutocompleteDisabled]="disabled"/>
// 設定
public disabled = true;
ドロップダウンの項目が選択された後に発生されます。
<input igxInput [igxAutocomplete]="townsPanel" (onItemSelected)='itemSelected($event)' />
オートコンプリート ディレクティブのターゲットを設定します。
<!-- Set -->
<input [igxAutocomplete]="dropdown" />
...
<igx-drop-down #dropdown>
...
</igx-drop-down>
オートコンプリート ディレクティブのターゲットを設定します。
<!-- Set -->
<input [igxAutocomplete]="dropdown" />
...
<igx-drop-down #dropdown>
...
</igx-drop-down>
オートコンプリート ドロップダウンを閉じます。
オートコンプリート ドロップダウンを開きます。
Ignite UI for Angular Autocomplete - [ヘルプ] (https://jp.infragistics.com/products/ignite-ui-angular/angular/components/autocomplete.html)
igxAutocomplete ディレクティブは、候補オプションのドロップダウンを表示することによりテキスト入力を向上する方法を提供します。 例: