<img [src]="itemImageUrl">대괄호([])가 사용되면 Angular는 등호 오른쪽 표현식을 평가한다.
대괄호를 사용하지 않으면 등호 오른쪽은 리터럴 문자열로 평가한다.
<img [src]="itemImageUrl">대괄호가 사용되었으므로 앵귤러는 바인딩임을 알고 요소노드 속성에 표현식을 바인딩한다.
<div>{{'a'+getVal()}}</div><button [disabled]="isUnchanged">Disabled Button</button><app-item-detail [childItem]="parentItem"></app-item-detail>커스템요소노드의 속성에도 바인딩이 가능하다.
디렉티브 속성 바인딩
<p [ngClass]="classes">[ngClass] binding to the classes property making this blue</p>컴포넌트끼리 프로퍼티 바인딩하기
<app-item-detail [childItem]="parentItem"></app-item-detail>컴포넌트는 사용자정의 요소노드이므로 속성에 바인딩하면 된다.
<input value="{{ 'a' + getVal() }}">
<input [value]="'a' + getVal()">value 괄호를 사용하지 하지 않아도 getVal()함수가 다른값을 반환한다면 value는 앵귤러가 갱신한다.
따라서 위 2가지 구문은 같은 결과를 나타낸다.
하지만 가급적 []괄호를 사용해 바인딩임을 명시하는 것이 좋다.
만약 표현값이 문자열이 아닌 객체라면 객체가 문자열로 형변환될것이다.
