Директива ngIf використовується для умовного відтворення шаблону. однак, якщо вираз, який використовується для керування видимістю шаблону, є складним, це може призвести до проблем із продуктивністю. Щоб покращити продуктивність, вам слід уникати використання ngIf зі складними виразами.Jul 11, 2023
Раніше ми робили це за допомогою традиційної структурної директиви *ngIf. Але тепер у нас є набагато краща альтернатива ngIf: новий синтаксис @if, який є частиною нових функцій потоку керування шаблоном.
Найчастіше використовується директива *ngIf щоб умовно показати вбудований шаблон, як видно з наступного прикладу. Стандартний шаблон else порожній.
Вибір правильного варіанту: *Використовуйте ngIf: якщо ви хочете повністю видалити елемент із DOM на основі умови. Використовувати приховану властивість: якщо вам потрібно приховати елемент, зберігаючи його в структурі DOM.
ngIf відрізняється від ngShow і ngHide цим ngIf повністю видаляє та відтворює елемент у DOM а не змінювати його видимість за допомогою властивості display css.
Кожного разу, коли відбувається зміна на сторінці, запускається черга брудної перевірки тоді запущений механізм виявлення переоцінить ngIf і ваш код/умова ngIf спрацює.