Na co je mechanismus obousměrného propojení?

Mechanismus obousměrného datového vazby (two-way data binding) umožňuje automatickou synchronizaci dat mezi modelem (obvykle stavem komponenty) a zobrazením (uživatelským rozhraním).

Hlavní výhodou je následující:

• Zjednodušení vývoje: Vývojář nemusí ručně psát kód pro aktualizaci zobrazení při změnách dat v modelu a naopak. To zajišťuje rámec nebo knihovna.
• Zkrácení kódu: Snižuje množství šablonového kódu souvisejícího se zpracováním událostí vstupu uživatele a aktualizací zobrazovaných hodnot.
• Zlepšení výkonu (v určitých scénářích): Některé rámce mohou optimalizovat proces aktualizace reagováním pouze na změny přímo souvisejících dat.

Příklad použití v Angular s direktivou ngModel:

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

V tomto příkladu se jakákoli změna v poli vstupu <input> okamžitě projeví v odstavci <p>, a naopak, pokud se hodnota userName změní v komponentě, aktualizuje se i vstupní pole.

Nevýhody:

• Potenciální snížení výkonu u velmi velkých a složitých formulářů: Sledování všech změn může být nákladné.
• Těžší ladění: Kvůli automatické synchronizaci je někdy složitější pochopit, odkud změna dat pochází.
• Skrytí části logiky: Mechanismus práce je skryt za syntaxí, což může být pro začátečníky nejasné.

Alternativou k obousměrnému vazbě je jednostranné vazba (one-way data binding), kde data proudí jedním směrem (obvykle od modelu ke zobrazení). Aktualizace modelu v reakci na akce uživatele vyžaduje explicitní psaní obslužných funkcí událostí.