ドロップダウンが閉じられた後に発生します。

<igx-select (closed)='handleClosed($event)'></igx-select>

ドロップダウンが閉じる前に発生します。

<igx-select (closing)='handleClosing($event)'></igx-select>

Input

IgxSelectComponent を無効にする @Input プロパティ。

<igx-select [disabled]="'true'"></igx-select>

カスタム テンプレートがある場合は、select items リストのための FOOTER の描画に使用されます。

// Typescript に設定
const myCustomTemplate: TemplateRef<any> = myComponent.customTemplate;
myComponent.select.footerTemplate = myCustomTemplate;

<!-- Markup に設定 -->
 <igx-select #select>
     ...
     <ng-template igxSelectFooter>
         <div class="select__footer">
             This is a custom footer
         </div>
     </ng-template>
 </igx-select>

カスタム テンプレートがある場合は、select items リストのための HEADER の描画に使用されます。

// Typescript に設定
const myCustomTemplate: TemplateRef<any> = myComponent.customTemplate;
myComponent.select.headerTemplate = myCustomTemplate;

<!-- Markup に設定 -->
 <igx-select #select>
     ...
     <ng-template igxSelectHeader>
         <div class="select__header">
             This is a custom header
         </div>
     </ng-template>
 </igx-select>

ドロップダウンが開いた後に発生します。

<igx-select (opened)='handleOpened($event)'></igx-select>

ドロップダウンが開く前に発生します。

<igx-select opening='handleOpening($event)'></igx-select>

Input

カスタム OverlaySettings IgxSelectComponent を設定する @Input プロパティ。

<igx-select [overlaySettings] = "customOverlaySettings"></igx-select>

Input

入力 プレースホルダーを設定する @Input プロパティ。

カスタム テンプレートがある場合、選択 TOGGLE (開く/閉じる) ボタンを描画するために使用されるカスタム テンプレート。

// Typescript に設定
const myCustomTemplate: TemplateRef<any> = myComponent.customTemplate;
myComponent.select.toggleIconTemplate = myCustomTemplate;

<!-- Markup に設定 -->
 <igx-select #select>
     ...
     <ng-template igxSelectToggleIcon let-collapsed>
         <igx-icon>{{ collapsed ? 'remove_circle' : 'remove_circle_outline'}}</igx-icon>
     </ng-template>
 </igx-select>