如何在 Angular 2+ 中为选择选项设置默认值？ [复制]答案

【问题标题】：How to set default value for select option in Angular 2+? [duplicate]如何在 Angular 2+ 中为选择选项设置默认值？ [复制]
【发布时间】：2019-03-19 18:08:09
【问题描述】：

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

【问题讨论】：

这是因为您使用的是ngModel 以及selected
这个问题之前有人问过，参考本帖第二个回答：stackoverflow.com/questions/51047822/…

标签： angular html

【解决方案1】：

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

  startingyear = 1;

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

【讨论】：

【解决方案2】：

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

如果是静态值，则使用以下代码：

StartingYear = "1";

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

StartingYear = this.data.StartingYearValue;

【讨论】：