Custom Two Way Data Binding — Angular

Mehmet Erim
1 min readNov 29, 2018

--

Nedir Two Way Data Binding? Fazla söze gerek yok. Bir örneğini kullanmışsınızdır.

<input [(ngModel)]="myNumber">

Peki ne oluyor arka planda ?

<input [ngModel]="myNumber" (ngModelChange)="myNumber = $event">

Bence ne yapacağımızı anlamış olmalısınız.

Bir Input tanımlıyoruz. Örnek : value

Daha sonra da bir Output tanımlıyoruz. Örnek valueChange.

Sonrasında two way olarak value değerimizi kullanabiliyoruz.

<app-child [(value)]="myNumber"></app-child>

Alt componentten valueChange emit ettiğinizde üst component değişikliği yakalıyor.

Örneği incelediğinizde umarım daha iyi anlayacaksınız.

Okuduğunuz için teşekkürler.

--

--