앵귤러 템플릿 - template expression (statement)

template expression은 interpolation과 같은 문법을 사용하지만 가치를 템플릿에서 생성한다는 차이점이 있습니다.  주의할 점은 JavaScript의 일부 표현은 템플릿에서 사용이 불가한데요. 사용할 수 없는 표현들은 아래와 같습니다.

• 정의 (Assignments): =, +=, -=, ...
• Operators: new, typeof, or instanceof
• ( ; ) or ( , ) 를 사용한 연계표현 (Chaining expressions)
• 가감식: ( ++ )이나 ( -- )
• 일부 ES2015+ operators
• bitwise operators: ( | ), ( & ), ...

또 statement (expressiont)에는 사용된 표현이 속하는 문맥 (context)이 존재하는데요. template statement에서 문맥은 주로 실체화된 컴포넌트에 속하고 이로 인해 window나 document 같은 전역 namespace에는 접근이 불가하고 'console.log' 등 이에 속한 기능들도 사용이 불가합니다.

 

사용방법

<p>
  {{ 1 + 1 }}
</p>

<p>
  {{ (1 + 1) = 2 ? 'true' : 'false' }}
</p>

 

마무리

이상으로 template expression (statement)에 대해서 알아보았습니다.

 

참고

Angular