如何在Angular 2+中为select选项设置默认值？

Question

我希望选择框具有默认选项。我正在使用html selected属性。但是它不起作用。我没有任何组件。我只希望将选定的选项分配给StartingYear

<select [(ngModel)]="StartingYear">
      <option [ngValue]="0" >0</option>
      <option [ngValue]="1" selected>1</option>
      <option [ngValue]="2" >2</option>
      <option [ngValue]="3" >3</option>
      <option [ngValue]="4" >4</option>
</select>

演示链接：StackBlitz Example

Answer 1

您可以在组件中设置起始值：

  startingyear = 1;

组件和视图中的变量编写方式不同。这是正确的解决方案：https://stackblitz.com/edit/angular-8hx96x?file=src%2Fapp%2Fapp.component.ts

Answer 2

由于将选择绑定到组件变量“ StartingYear”。您需要将组件值绑定到要设置的初始值。

如果它是一个静态值，请使用以下代码：

StartingYear = "1";

如果它来自服务变量，则将其设置为：

StartingYear = this.data.StartingYearValue;