角度年份下拉列表
我从 Angular 开始，需要创建一个下拉列表来选择年份。从 2020 年开始直到当前年份，将当前年份保留为默认值。后面会收集当年的数据进行查询，获取所选年份的数据，更改年份时自动显示在前面。我不知道如何开始或是否需要安装任何角度包。
<select name="year" />
<option selected hidden>Año</option>
<option value="2021">2021</option>
<option value="2020">2020</option>
</select>
这就是我现在拥有的方式，但我需要它是动态的并每年更新默认选择的年份。
回答
您可以在组件中定义一系列可选年份，如下所示：
selectedYear: number;
years: number[] = [];
constructor() {
this.selectedYear = new Date().getFullYear();
for (let year = this.selectedYear; year >= 2020; year--) {
this.years.push(year);
}
}
您的模板必须如下所示：
<select ([ngModel])="selectedYear">
<option *ngFor="let year of years" [value]="year">{{ year }}</option>
</select>
请看一下这个StackBlitz，看看它是如何工作的。