קורס Front-End Web Development שיעור Directives


זה נושא דיון מלווה לערך המקורי ב- https://www.tocode.co.il/bundles/html5-web-development/lessons/angular-directives

לא הבנתי איך עובד link , איפה הגדרנו את השינוי בפקד שיגרום לשינוי אירוע?

הפונקציה link פשוט נקראת על הפקד ממש אחרי טעינת העמוד ותפקידה להוסיף את ה Event Handlers שלו. מה הכוונה שינוי בפקד ושינוי אירוע?

הרי ישנו אירוע שכל שינוי בתוכן של הפקד האירוע נקרא - איפה הגדרנו איזה פקד ? איזה אירוע ? איך זה עובד ? וגם רשמת שצריך לזכור שזה נקרא רק בפעם הראשונה בעת עליית התוכנית אז לכן לא רשמנו ישירות ל- link ?

הדגשת בסרטון שהתבנית חייבת להיות בתוך ng-app - ואז אמרת שאפשר לשים בקובץ נפרד - אז זה כבר לא יהיה בתוך ה- ng-app?

הי,

  1. הכל הוגדר ב Directive. אנחנו מגדירים במקום אחד את ה Directive ואז ב HTML אנחנו ״מצמידים״ את ה Directive לאיזשהו אלמנט. יש מספר דרכים לעשות את ההצמדה הזו כמו שהוסבר בשיעור המרכזיות זה או להשתמש באלמנט עם שם ההנחיה או להשתמש ב Attribute. למשל בדוגמא שבשיעור שים לב לשורה הבאה ב HTML:
<my-hello></my-hello>

זה בעצם אומר שהאלמנט הזה מתאים ל Directive שנקראת myHello.

עוד אופציה זה הדוגמא של short-class, ושוב שים לב ל HTML:

<input type="text" short-class />

וזה בעצם אומר שהאלמנט מקבל את ה Directive שנקרא shortClass.

  1. הטמפלייט צריך להיות בתוך ng-app אם זה סקריפט. אם זה קובץ חיצוני אין בעיה.