angular - 如何将默认值应用于 IgxSelectComponent

Question

将默认值应用于IgxSelectComponent使用这样的模板的推荐方法是什么？：

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

提前致谢！

标签： angularinfragisticsignite-uiignite-ui-angular

Answer 1

您可以设置默认值以IgxSelectComponent使用该ngModel指令并将其绑定到存储所需默认值的全局变量：

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

在这里可以找到一个简单的示例应用程序，您可以自己测试它。

此外，可以在此处找到有关 Infragistics Select Component 的有用主题。