Kokia yra dvipusio ryšio mechanizmo paskirtis?

Dvipusio duomenų susiejimo mechanizmas leidžia automatiškai sinchronizuoti duomenis tarp modelio (paprastai komponento būsenos) ir vaizdo (vartotojo sąsajos).

Pagrindinė nauda yra ši:

• Paprastesnis kūrimas: Kūrėjui nereikia rankiniu būdu rašyti kodo, skirto atnaujinti vaizdą keičiantis duomenims modelyje ir atvirkščiai. Tai daro karkasas arba biblioteka.
• Kodo sumažinimas: Sumažėja šabloninio kodo kiekis, susijęs su vartotojo įvesties įvykių apdorojimu ir rodomų reikšmių atnaujinimu.
• Veikimo našumo didinimas (tam tikrais atvejais): Kai kurie karkasai gali optimizuoti atnaujinimo procesą, reaguodami tik į tiesiogiai susijusius duomenų pokyčius.

Pavyzdys naudojimo Angular su ngModel direktyva:

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

Šiame pavyzdyje bet koks įvesties lauko <input> pakeitimas akimirksniu atsispindės <p> paragrafėje, ir atvirkščiai, jei userName reikšmė pasikeis komponento viduje, įvesties laukas taip pat atnaujinsis.

Trūkumai:

• Potencialus našumo sumažėjimas labai didelėse ir sudėtingose formose: Stebėti visas pakeitimus gali būti našumo problema.
• Sunkiau derinti: Dėl automatinio sinchronizavimo kartais sunkiau suprasti, iš kur kilo konkretus duomenų pakeitimas.
• Paslepia dalį logikos: Veikimo mechanizmas yra paslėptas už sintaksės, kas gali būti neaišku naujokams.

Alternatyva dvipusiam susiejimui yra vienpusis duomenų susiejimas (one-way data binding), kur duomenys teka viena kryptimi (paprastai nuo modelio iki vaizdo). Modelio atnaujinimas vartotojo veiksmų metu reikalauja aiškių įvykių apdorojimo funkcijų.