Як працює safe navigation operator (?.) у шаблоні?

В Angular safe navigation operator (?.) використовується в шаблоні для безпечного доступу до властивостей об'єктів, які можуть бути null або undefined, щоб уникнути помилок часу виконання.

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

1. Синтаксис:

• Якщо user не null і не undefined, відобразиться user.name.
• Якщо user дорівнює null або undefined, Angular просто виведе порожній рядок замість помилки.

2. Можна використовувати для виклику методів:

• Метод викликається лише якщо user існує.

3. Застосовується з ланцюжком об'єктів:

• Безпечно перевіряє кожен рівень вкладеності, запобігаючи помилкам типу «Cannot read property 'city' of undefined».

Іншими словами, ?. - це захист шаблону від помилок при зверненні до потенційно відсутніх об'єктів або властивостей.