Angular - Binding

 

 

 

Property and Class binding

 

one way binding : 컴포넌트 프로퍼티 값으로 DOM 속성을 변경 할 수 있지만, 그 반대가 되지 않음

---

 

Event Binding

화면에서 발생하는 이벤트를 괄호로 묶고,  해당 이벤트에 따라 수행되는 메서드 명을 지정

(click)="selete(value)"

 

$event 객체는 화면에서 발생한 이벤트 값을 저장한다

<input type="text" (keydown)="showKey($event)">

 

---

 

 

Tow way Binding

 

- 투 웨이 바인딩은 두가지 방법이 있다.

1. <input [value]="carPart.quantity" (input)="carPart.quantity = $event.target.value">

2. FormsModule을 Import

 

- Model 의 Banana in a box : 네모 괄호 안에 둥근 괄호를 넣으면 Model 이 양방향으로 바인딩 된다. [( )]

[(ngModel)] = "cash"