AngularJS שיעור 4: Data Binding

(לקוח מתוך מדריך AngularJS בעברית)

המונח data binding אינו ייחודי ל AngularJS.
מדובר בקישור אוטומטי של אלמנטים של תצוגה (view), אל אלמטים של נתונים (model).
כאשר המודל משתנה, התצוגה שלו (view) משתנה באופן אוטומטי, ולהיפך.

קישור נתונים (data binding) חד כיווני

במערכות אחרות קישור הנתונים מתבצע בכיוון אחד:
ממודל הנתונים המתמזג עם ה template אל התצוגה הנוצרת.

One_Way_Data_Binding

 

 

 

 

 

 

ב AngularJS קישור הנתונים יכול להיות דו-כיווני:

Two_Way_Data_Binding

 

 

 

 

 

 

השיטה פועלת כך:

  • תחילה AngularJS מקמפל את התבנית ויוצר "תצוגה חיה" (live view)
  • ואז – שינויים במודל מוצגים מייד על גבי התצוגה החיה, וגם שינויים בתצוגה החיה (למשל בגלל פעולות משתמש) משפיעות מייד על מודל הנתונים.

בחלק הבא נדגים קישור נתונים.

 


כתיבת תגובה

האימייל לא יוצג באתר. שדות החובה מסומנים *