Milleks on vajalik kahepoolne sidemismehhanism?

Kahepoolne andmesidumine võimaldab automaatselt sünkroniseerida andmeid mudeli (tavaliselt komponendi oleku) ja vaate (kasutajaliidese) vahel.

Põhjaline eelis on järgmine:

• Lihtsustades arendust: Arendajal ei ole vaja käsitsi kirjutada koodi, et uuendada vaadet andmete muutumisel mudelis ja vastupidi. Seda teeb raamistik või teek.
• Koodi vähendamine: Vähendab mallikoodi mahtu, mis on seotud kasutaja sisendite sündmuste töötlemise ja kuvatavate väärtuste uuendamisega.
• Tõhususe parandamine (mõnel juhul): Mõned raamistikud võivad optimeerida uuendusprotsessi, reageerides ainult otseselt seotud andmete muutustele.

Näide Angulari kasutamisest ngModel direktiiviga:

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

Selles näites kajastub iga sisendvälja <input> muudatus koheselt <p> lõigus ning vastupidi, kui userName väärtus muutub komponendis, uuendatakse ka sisendväli.

Miinused:

• Võimalik jõudluse langus väga suurtes ja keerulistes vormides: Kõigi muutuste jälgimine võib olla jõudluse probleem.
• Raskem siluda: Automaatne sünkroniseerimine võib mõnikord raskendada aru saamist, kust konkreetne andme muutus tuli.
• Osa loogikast on peidetud: Töömehhanism on peidetud süntaksisse, mis võib olla algajatele ebaselge.

Alternatiiv kahepoolsele sidumisele on ühepoolne andmeside (one-way data binding), kus andmed voolavad ühes suunas (tavaliselt mudelist vaatesse). Mudeli uuendamine kasutaja tegevuste ajal nõuab selgeid sündmuste töötlemise käske.