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

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

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

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

コンポーネントを無効にします。

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

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

// Set in typescript
const myCustomTemplate: TemplateRef<any> = myComponent.customTemplate;
myComponent.select.footerTemplate = myCustomTemplate;
Copy

<!-- Set in markup -->
 <igx-select #select>
     ...
     <ng-template igxSelectFooter>
         <div class="select__footer">
             This is a custom footer
         </div>
     </ng-template>
 </igx-select>
Copy

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

// Set in typescript
const myCustomTemplate: TemplateRef<any> = myComponent.customTemplate;
myComponent.select.headerTemplate = myCustomTemplate;
Copy

<!-- Set in markup -->
 <igx-select #select>
     ...
     <ng-template igxSelectHeader>
         <div class="select__header">
             This is a custom header
         </div>
     </ng-template>
 </igx-select>
Copy

ドロップダウンが開かれた後に発生されます。

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

ドロップダウンが開かれる前に発生されます。

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

カスタム OverlaySettings IgxSelectComponent を設定します。

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

入力プレースホルダーを設定します。

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

// Set in typescript
const myCustomTemplate: TemplateRef<any> = myComponent.customTemplate;
myComponent.select.toggleIconTemplate = myCustomTemplate;
Copy

<!-- Set in markup -->
 <igx-select #select>
     ...
     <ng-template igxSelectToggleIcon let-collapsed>
         <igx-icon>{{ collapsed ? 'remove_circle' : 'remove_circle_outline'}}</igx-icon>
     </ng-template>
 </igx-select>
Copy