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

Question

这个问题在这里已有答案：

• Angular 6 HTML select menu set default value 2回答

我希望选择框有默认选项。我正在使用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

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

如果它是静态值，那么使用以下代码：

StartingYear = "1";

如果它来自服务变量，那么设置如下：

StartingYear = this.data.StartingYearValue;