angular safe navigation operator를 활용한 한전한 null 값 출력하기

개요

흔히 bracket 안에 다양한 model을 바인딩 하는 경우 null 혹은 undefined에 대해 많은 에러가 일어나게 된다.

예를 들어 다음과 같은 경우

{% raw %}
{{user.name}}
{% endraw %}

user 안에 값이 없다면 null안에서 name property를 가져올 수 없으므로 전체 어플리케이션에 치명적인 오류가 일어나게 된다.

safe navigation operator의 활용

다음과 같이 Object?.property를 사용하는 경우
Object의 값이 null이어도 시스템 에러를 발생시키지 않아
보다 안전한 프로그램이 될 수 있다.

{% raw %}
{{user?.name}}
{% endraw %}