How to apply a default value to an IgxSelectComponent

Question

What is the recommended way to apply a default value to an IgxSelectComponent using a template like this?:

<igx-select type="string" formControlName="classification">
    <label igxLabel>Classification</label>
    <igx-select-item *ngFor="let classification of classifications$ |async" [value]="classification">
        {{classification}}
    </igx-select-item>
</igx-select>

Thanks in advance!

It's probably a good idea to also post the contents of your .ts file, with the form group and the classifications$ definition. — Konstantin Dinev, Dec 14 '20 at 13:37

score 2 · Accepted Answer · edited Dec 14 '20 at 10:35

You could set a default value to IgxSelectComponent using the ngModel directive and bind it to a global variable where is stored the required default value:

<igx-select [(ngModel)]="selected">
  <label igxLabel>Simple Select</label>
  <igx-select-item *ngFor="let item of items" [value]="item">
    {{item}}
  </igx-select-item>
</igx-select>

Here could be found a simple sample application that you could test on your side.

Also, a useful topic about Infragistics Select Component could be found here.

How to apply a default value to an IgxSelectComponent

1 Answers1