רוטר - שאלה בAngular למבינים

יומן פעילות	לוח שנה	מבזקי חדשות	תקנון	RSS	כותרות	כותרות לפי תגובה	ניקוי קוקיז	IP	להורדת אפליקציה
eBay	AliExpress	GearBest	Amazon	Booking	Kiwi	SkyScanner	Trip Advisor

"שאלה בAngular למבינים"

גירסת הדפסה

קבוצות דיון פיתוח, תיכנות ובניית אתרים נושא #21462	מנהל סגן המנהל מפקח Winner צל"ש מומחה

אשכול מספר 21462

תפתתפת

חבר מתאריך 10.6.03
13866 הודעות, 3 פידבק

16:11 28.10.15

שאלה בAngular למבינים

היי חבר'ה,
יש לי שאלה שסיקרנה אותי הרבה זמן.
נניח תוך כדי ריצה של הדף מתרחש append לאלמנט שלא היה קודם לכן ובאלמנט הזה יש ng-show או דירקטיב אחר של אנגולר,
לפי מה שהבנתי עד היום אם האלמנט והדירקטיב לא היו בזמן יצירת הדף כל פעולה של angular לא תהיה רלוונטית אליו.
כיצד אני יכול שגם לאלמנטים חדשים שנוצרים יחול אנגולר ?
אשמח לעזרה.
תודה מראש.

קופון 15% הנחה ל myprotein
https://www.myprotein.co.il/referrals.list?applyCode=ORON-R4

שתף

מכתב זה והנלווה אליו, על אחריות ועל דעת הכותב בלבד

האשכול	מחבר	תאריך כתיבה	מספר
מכתב	Dj EreZ	28.10.15 18:06	1
אין בעיה להוסיף אלמנטים ל DOM	VeNom	04.11.15 08:27	2

Dj EreZ
חבר מתאריך 17.3.10
409 הודעות

18:06 28.10.15

1. מכתב
בתגובה להודעה מספר 0

בשביל זה אנגולר מימשו פונקציה בשם $compile
http://stackoverflow.com/questions/20059231/add-dom-elements-that-are-angular-directives-via-jquery-append

https://docs.angularjs.org/api/ng/service/$compile

(ניהול: מחק תגובה)

מכתב זה והנלווה אליו, על אחריות ועל דעת הכותב בלבד

VeNom

חבר מתאריך 7.6.02
7922 הודעות, 1 פידבק

08:27 04.11.15

2. אין בעיה להוסיף אלמנטים ל DOM
בתגובה להודעה מספר 0

כי אנגולר (גרסא 1) לא עובד על ה DOM לזהות שינויים.
הבעיה מתחילה, כמו שאמרת, כאשר יש קומפוננטות של אנגולר על האלמנטים האלה (כמו directives) ואז בעצם אתה רוצה סנכרון של הדירקטייב עם ה scope הרלוונטי. לדוגמא:

ng-show="booleanFromScope"

אתה בעצם צריך לחבר את האלמנט שלך לscope מסויים וזה קורה עם קומפליציה ולינקינג:

$compile(elem)(scope)

פונקציית הcompile מחזיקה פונקציית לינקינג שאותה מפעילים על הסקופ הספציפי.

לאחר שחיברת את האלמנט הוא נחשב לאלמנט מן המניין ובפעם הבאה שאנגולר יחפש שינויים (digest), הוא יהיה ברשימת ה watchers במידה ולאלמנט הזה יש watcher - במקרה שלנו ה ng-show הוא זה שיוצר watcher.

(ניהול: מחק תגובה)

מכתב זה והנלווה אליו, על אחריות ועל דעת הכותב בלבד