RSS

The Power Of ngModelController

18 נוב

בפוסט זה אני רוצה להציג תרגיל קטן שמדגים את היכולות של ngModel ובעיקר את היכולות של ה- controller שלו, ngModelController.

מטרת התרגיל:

1. להדגים את היכולות של $formatters ו- $parsers, ע"י שינוי מבנה הנתונים שעוברים בין ה-DOM והמודל.

2. להדגים את היכולות של $render, ע"י חיבור דו כיווני שלא באמצעות input תג.

הסברים: ( code )

1. אני בונה directive בשם box שהוא סוג חדש של data-binding.

2. אני משתמש ביכולות של ngModelController ולכן אני צריך לכתוב require : ngModel. קונטרולר זה מוזרק לי כארגומנט רביעי בפונקצית ה-link.

3. אני משתמש ב-  $formatters ו- $parsers כדי לעביר ממבנה נתונים אחד (מודל) למבנה נתונים שני ה- UI.

4. אני משתמש ב- $render כדי להסביר ל-ngModelController איך הוא מעדכן את ה-DOM, זה לא input תג.

5. אני משתמש ב- Drag & Drop כדי לעדכן את המיקום של ה-div.

6. יתרון בעבודה עם ngModelController שהוא מביא איתו עוד הרבה יכולות נוספות כמו בדיקות תקינות ומכונת מצבים של תקין כן/לא, עבר שינוי כן/לא, הודעות שגיאה ועוד.

למידה נוסף ראו את המצגת  או הפוסט.

Advertisements
 
השארת תגובה

פורסם ע"י ב- נובמבר 18, 2015 ב- Uncategorized

 

כתיבת תגובה

הזינו את פרטיכם בטופס, או לחצו על אחד מהאייקונים כדי להשתמש בחשבון קיים:

הלוגו של WordPress.com

אתה מגיב באמצעות חשבון WordPress.com שלך. לצאת מהמערכת / לשנות )

תמונת Twitter

אתה מגיב באמצעות חשבון Twitter שלך. לצאת מהמערכת / לשנות )

תמונת Facebook

אתה מגיב באמצעות חשבון Facebook שלך. לצאת מהמערכת / לשנות )

תמונת גוגל פלוס

אתה מגיב באמצעות חשבון Google+ שלך. לצאת מהמערכת / לשנות )

מתחבר ל-%s

 
%d בלוגרים אהבו את זה: