Angular {{}} 문자열 바인딩, 이중 중괄호 표현식

currentCustomer = 'Maria';

1. 컴포넌트에 임시로 값을 초기화합니다.

 

 

<h3>Current customer: {{ currentCustomer }}</h3>

2. 템플릿에서  {{}} 이중 중괄호를 사용하여 문자열을 바인딩 합니다.

3. Maria 가 출력됩니다.

 

<p>{{title}}</p>
<div><img alt="item" src="{{itemImageUrl}}"></div>

4. title 과 url 을 컴포넌트에서 설정하여 템플릿에 옮겨 사용할 수 있습니다. (src)