İki tərəfli əlaqə mexanizmi nə üçün lazımdır?

İki tərəfli məlumatların bağlanması mexanizması (two-way data binding) model (adətən komponentin vəziyyəti) və görünüş (istifadəçi interfeysi) arasında məlumatların avtomatik sinxronizasiyasını təmin edir.

Əsas üstünlük aşağıdakıdır:

• İnkişafın sadələşdirilməsi: İnkişafçı, məlumatlar modeldə dəyişdikdə və əksinə, görünüşü yeniləmək üçün əl ilə kod yazmağa ehtiyac duymur. Bu, çərçivə və ya kitabxana tərəfindən idarə olunur.
• Koddakı azalma: İstifadəçi giriş hadisələrinin işlənməsi və göstərilən dəyərlərin yenilənməsi ilə əlaqəli şablon kodunun miqdarını azaldır.
• Performansın yaxşılaşdırılması (bəzi ssenarilərdə): Bəzi çərçivələr, yalnız birbaşa əlaqəli məlumatlarda dəyişikliklərə reaksiya verərək yeniləmə prosesini optimallaşdıra bilər.

Angular-də ngModel direktivindən istifadə nümunəsi:

<input [(ngModel)]="userName">
<p>Sala, {{ userName }}!</p>

Bu nümunədə, <input> sahəsində hər hansı dəyişiklik dərhal <p> paraqrafında göstəriləcək və əksinə, əgər userName dəyəri komponentdə dəyişərsə, giriş sahəsi də yenilənəcək.

Əksikliklər:

• Çox böyük və mürəkkəb formalar üçün performansın potensial azalması: Bütün dəyişikliklərin izlənməsi vaxt itkisi ola bilər.
• Diaqnostikası çətinləşir: Avtomatik sinxronizasiya səbəbindən, bəzən məlumatların konkret dəyişiklik mənbəyini anlamaq çətin olur.
• Logikanın bir hissəsini gizlədir: İş mexanizmi sintaksis arxasında gizlidir və bu, yeni başlayanlar üçün hər zaman aydın olmaya bilər.

İki tərəfli bağlamanın alternativi, məlumatların tək istiqamətdə axdığı (adətən modeldən görünüşə) tək tərəfli bağlamadır (one-way data binding). İstifadəçi fəaliyyətlərinə cavab olaraq modeli yeniləmək üçün açıq şəkildə hadisə idarəediciləri yazmaq lazımdır.