[angular] 템플릿 참조변수, 세이프 내비게이션 연산

angular

템플릿 참조변수
dom요소에 대한 참조를 담고있는변수,

템플릿 요소 내에서 해시 기호(#)에 뒤에 변수명

'템플릿'내에서 해시 기호 없이 참조
->템플릿 내에서만 유효 ,부수효과 없음

->참조 변수값을 이벤트 바인딩을 통해 컴포넌트 클래스로 전달 가능

세이프 내비게이션 연산자 = ?

컴포넌트 클래스 프로퍼티값이 null / undefined일때 에러회피

-아무것도 표시하지 않음,