Na čo je mechanizmus obojstranného prepojenia?

Mechanizmus obojstranného viazania dát (two-way data binding) umožňuje automatickú synchronizáciu dát medzi modelom (zvyčajne stavom komponentu) a zobrazením (používateľským rozhraním).

Hlavná výhoda je nasledovná:

• Zjednodušenie vývoja: Vývojár nemusí manuálne písať kód na aktualizáciu zobrazenia pri zmenách dát v modeli a naopak. To zabezpečuje rámec alebo knižnica.
• Zníženie kódu: Znižuje množstvo šablónového kódu súvisiaceho so spracovaním udalostí vstupu používateľa a aktualizáciou zobrazovaných hodnôt.
• Zlepšenie výkonu (v určitých scenároch): Niektoré rámce môžu optimalizovať proces aktualizácie reagovaním iba na zmeny priamo súvisiacich dát.

Príklad použitia v Angular s direktívou ngModel:

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

V tomto príklade sa akákoľvek zmena v poli vstupu <input> okamžite prejaví v odstavci <p>, a naopak, ak sa hodnota userName zmení v komponentu, aktualizuje sa aj vstupné pole.

Nevýhody:

• Potenciálne zníženie výkonu pri veľmi veľkých a zložitých formulároch: Sledovanie všetkých zmien môže byť nákladné.
• Ťažšie na ladenie: Kvôli automatickej synchronizácii je niekedy ťažšie pochopiť, odkiaľ pochádza konkrétna zmena dát.
• Skryje časť logiky: Mechanizmus práce je skrytý za syntaxou, čo môže byť pre začiatočníkov nejasné.

Alternatívou k obojstrannému viazaniu je jednostranné viazanie (one-way data binding), kde dáta tečú v jednom smere (zvyčajne od modelu k zobrazeniu). Aktualizácia modelu v reakcii na akcie používateľa vyžaduje explicitné písanie handlerov udalostí.