Заполняющие элементы живут, когда случаются события не происходят ⇐ Javascript

[Anonymous]

У меня есть следующий шаблон с двумя раскрывающимися списками. Когда элемент выбран в первом выпадении, он динамически населяет второе. Это работает, но не так, как я ожидал. Требуется пара выборов для второго выбора для заполнения. < /P>

Код: Выделить всё

Choose Student
{{ student.name }}


Choose Month
{{month}}

< /code>
Вот событие: < /p>
onStudentChange(event: any): void {
this.selectedStudentId = event.target.value;
// Get the available months with published meals for selected student
this.studentsByUser$.subscribe((students) => {
const selectedStudent = students.find((student) => student._id === this.selectedStudentId);
this.mealService.getMealsBySchool(selectedStudent?.school?._id!).subscribe((meals) => {
const months: string[] = [];
meals.map(meal => meal.date).map((dateString) => {
months.push(new Date(dateString).getFullYear() + '-' + new Date(dateString).getMonth());
})
this.months = months
});

});
}
< /code>
this.months

получает текущие значения при отладке, но не отражается в пользовательском интерфейсе до тех пор, пока событие снова не будет вызвано

Подробнее здесь: https://stackoverflow.com/questions/795 ... -happening