🟢 NgFor Оптимизация
Information
В этом приложении у нас есть список лиц, которых мы можем добавлять, удалять или обновлять. Если вы откроете панель разработчика Chrome, нажав F12, перейдете на вкладку “Источник” и развернете элемент, чтобы просмотреть список, вы заметите, что каждый раз, когда вы добавляете, удаляете или обновляете элемент списка, все элементы DOM уничтожаются и инициализируется снова. (Смотрите видео ниже).
Мы также можем использовать Angular DevTool для профилирования нашего приложения и понимания того, что происходит внутри нашего приложения. Я покажу вам, как это сделать, в следующем видео.
Если вам нужна дополнительная информация о ngFor
, я приглашаю вас сначала ознакомиться с документацией.36
Пояснение
Цель этой задачи состоит в том, чтобы понять, что вызывает это обновление DOM, и решить его.