Skip to main content

Для чого використовується оператор ! (non-null assertion) у шаблоні?

В Angular оператор ! (non-null assertion) у шаблоні використовується, щоб сказати компілятору TypeScript, що значення точно не null і не undefined, навіть якщо тип змінної допускає ці значення.

Основні моменти

  1. Синтаксис у шаблоні:
html
<p>{{ user!.name }}</p>
  • Каже Angular: «Я впевнений, що user існує на момент рендерингу».
  • Компілятор не видаватиме помилку «Object is possibly 'null' or 'undefined'».
  1. Застосування з прив'язками:
html
<input [value]="user!.email">
  • Дозволяє використовувати властивості об'єкта без додаткових перевірок на null.
  1. Важливо розуміти:
  • Це лише твердження для компілятора.
  • Якщо значення справді виявиться null або undefined під час виконання, помилка все одно станеться.

Тобто ! - це спосіб обійти сувору перевірку типів TypeScript, коли розробник впевнений у наявності значення.

Коротка відповідь

Для співбесіди
Premium

Коротка відповідь допоможе вам впевнено відповідати на цю тему під час співбесіди.