27 Mayıs 2016 Cuma

Angular 2'de kaç tane binding tipi var?

String Interpolation

{{}} kullamına "string interpolation" deniyor. One-way binding sağlıyor.

<input value="{{name}}" /> gibi

Property Binding

[] şeklinde component'e yapılan işlemlere "property binding" deniyor.

<input [value]="name" /> halinde

Event Binding

() şeklinde event binding.

<input (click)="myInput(myInput.value)" #myInput> şeklinde eklemede otomatik value gönderme işlemi...

Two-way Baynding

Angular 1.x'teki two-way binding burda da mevcut fakat ngModel üzerinden kullanılıyor.

template içeriği:
<input ([ngModel="customer.name"]) #myInput>

ts dosyası:
var customer = new Customer();
customer.name = "Doğan"; // mesela :)

Bu makalenin amacı data-binding üzerine konuşurken ağız birliği olmasını sağlamaktır...


Hiç yorum yok:

Yorum Gönder