мы создаем приложение angular и начинаем испытывать специфическую проблему. Всякий раз, когда мы загружаем некоторые данные в наши компоненты, привязка обработчика нажатия клавиш к одному из полей ввода становится медленной. Проблема не возникает, когда мы не загружаем данные. Ниже приведен фрагмент кода о том, как мы загружаем данные из нашего бэкэнда. Изначально мы думали, что это связано с разветвлением, но его удаление не влияет на производительность обработчика нажатий клавиш. Я приложил изображение профилирования памяти, где ясно видно, что обработчик нажатия клавиш занимает много времени.
forkJoin([this.fetcha(), this.fetchb(),
this.fetchc()]).subscribe(
responseArray => {
console.log("Initial data fetched", responseArray);
this.waitDialogRef.afterClosed().subscribe(() => {
this.populateA(responseArray[0]);
this.populateB(responseArray[1]);
this.populateC(responseArray[2]);
});
this.waitDialogRef.close();
}, error => {
console.log("Error occurred while fetching initial data", error);
});
}
)
<!--- html snipppet ----->
<div class='content-container'>
<div class='row-1'>
<input type="text" maxlength="17" value=""/>
</div>
ОБНОВЛЕНИЕ: каким-то образом удаление работ css уменьшает ключ задержка пресса. Глядя на вкладку производительности chrome, я вижу, что при рендеринге макета теряется значительное время
