Есть два "select", в одном отображаются года, а в другом праздники. Вот так выглядят модели:
holiday.model:
export class Holiday{
constructor(
...
public date?: Date,
public name?: string,
...
) { }
}
year.model:
export class Year{
constructor(
public years?:number
) { }
}
Мне нужно сделать так чтоб выбрав год в другом "select" отобразились все праздники связанные с этим годом. Вот мой не рабочий вариант. Что нужно здесь подправить чтобы заработало?
<label>Года</label>
<label for="favcity">
<select id="favcity" name="select" >
<option *ngFor="let year of years" [value]="year.years" (click)="onYearSelection(year.years)">
{{year.years | int}}
</option>
</select>
</label>
<label>Праздники</label>
<label for="favcity">
<select id="favcity" name="select" >
<option *ngFor="let holiday of filteredholidays" [value]="holiday.name">
{{holiday.name}}
</option>
</select>
</label>
onYearSelection(year){
this.filteredholidays = []
this.filteredholidays = this.holidays.filter(holiday => holiday.date.getFullYear() == year);
}
Средний
