Angular：将默认值设置为<select>

Question

我有一个＆lt; select＆gt;带有数组输入的标记，如下所示： ＆lt; select class =＆＃34; form-control form_cbx long-select＆＃34;         formControlName =＆＃34;类别＆＃34;         值=＆＃34;供应商＆＃34;＆GT;   ＆lt; option * ngFor =＆＃34; let cat of userCategories＆＃34; [值] =＆＃34; cat.id＆＃34;＆GT; {{cat.name}   ＆LT; /选项＆GT; ＆LT; /选择＆GT; 如何设置要设置的数组的第一个元素？

Answer 1

要实现您想要的功能非常简单...您只需在表单构造中设置要在category 控件中设置的值（在本例中为第一个）您的数组）的值，如下所示：

this.formGroup = this.formBuilder.group({
  category: this.userCategories[0].id
  // other controls
});

备注：

1 - 您在{{cat.name}之后缺少第二个大括号，必须为{{cat.name}}。

2 - 由于<select>中没有值 属性，您可以将其从那里删除。

DEMO

Answer 2

如果在选择中放置了ng-model对象。然后设置一个默认值，它将被选中。

<select [(ngModel)]="mySelect">
  <option *ngFor = "let cat of userCategories" [value] = "cat.id">
  {{cat.name}
  </option> 
</select>

然后在你的控制器中，只需指定this.mySelect =（无论你想要什么cat.id）。