Emitted after the dropdown is closed

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

Emitted before the dropdown is closed

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

Disables the component.

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

The custom template, if any, that should be used when rendering the FOOTER for the select items list

// 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

The custom template, if any, that should be used when rendering the HEADER for the select items list

// 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

Emitted after the dropdown is opened

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

Emitted before the dropdown is opened

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

Sets custom OverlaySettings IgxSelectComponent.

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

Sets input placeholder.

The custom template, if any, that should be used when rendering the select TOGGLE(open/close) button

// 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