在Angular应用中实现一个年份选择器，禁用未来的年份。

HTML部分：

选择年份:

  {{ year }}

TypeScript部分：

import { Component } from '@angular/core';

@Component({
  selector: 'app-root',
  template: `
    选择年份:
    
      {{ year }}
    
  `,
})
export class AppComponent {
  selectedYear = new Date().getFullYear();
  maxYear = this.selectedYear;
  years = Array.from({ length: 50 }, (_, i) => this.maxYear - i);
}

在这个示例中，我们使用了Angular的数据绑定，把selectedYear绑定到下拉列表项上。我们还定义了一个禁止未来年份的属性maxYear，并使用ngFor从selectedYear中生成列表项。我们通过使用 Array.from 和一个长度参数来创建了一个从当前年份到 50 年前的数组。每当用户选择一个年份时， ngModel 将selectedYear 同步到组件的值中。