רוטר - שאלה ב ANGULAR למביני עניין

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

"שאלה ב ANGULAR למביני עניין"

גירסת הדפסה

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

אשכול מספר 21780

תפתתפת

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

11:47 23.08.16

שאלה ב ANGULAR למביני עניין

היי חברים,
יש לי בעיה שהתעוררה :

יש דף שבעת לחיצה על כפתור מסויים הוא מייצר DIV חדש עם CONTENT מסוים .
הנקודה היא שהDIV החדש הזה שנוסף לדף בעת לחיצה לא נתמך בANGULAR.
הסיבה די ברורה, ANGULAR עוטף את האלמנטים בדף בעת העליה..
איך ניתן להוסיף את הDIV החדש גם לתמיכה ב -ngapp שרץ ?
אני די נואש בנושא.
תודה מראש !!

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

שתף

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

האשכול	מחבר	תאריך כתיבה	מספר
מכתב	Beckham	23.08.16 13:23	1
אם יש לך יותר מאחד כזה, תעבוד עם ng-repeat	Ice Cold	23.08.16 13:46	2
יש כמה אופציות	VeNom	23.08.16 14:46	3
+1	IDAN_500	23.08.16 19:29	4
אגב שכחתי לצרף דוגמאות קוד	VeNom	23.08.16 23:54	5
לגבי הדוגמא השנייה	Beckham	24.08.16 00:20	6

Beckham
חבר מתאריך 18.3.02
2412 הודעות

13:23 23.08.16

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

$compile
עושה את מה שאתה רוצה
$compile(element)(scope)

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

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

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

Ice Cold

חבר מתאריך 3.8.02
28041 הודעות, 19 פידבק

13:46 23.08.16

2. אם יש לך יותר מאחד כזה, תעבוד עם ng-repeat
בתגובה להודעה מספר 0

ותממש את ה-div הזה בתוכו עם ה controller והכל.
בהתחלה שיהיה מערך ריק ב ng-repeat ובלחיצה על הכפתור פשוט תעשה push למערך הזה ותן ל ngrepeat לעשות את שאר העבודה.

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

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

VeNom

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

14:46 23.08.16

3. יש כמה אופציות
בתגובה להודעה מספר 0

1. אם ה DIV קבוע ויחיד, אתה יכול לשים אותו ב DOM עם ng-if או ng-show בתלות בבוליאני שבקליק יהפוך להיות TRUE.
2. אם ה DIV דינמי, אתה יכול ליצור את ה HTML שלו בצורה דינמית, לקמפל אותו עם ה SCOPE הרלוונטי באמצעות compile$ , ולהכניס אותו לדף.
בגלל שאתה עושה כאן מניפולציה על ה DOM, עדיף שתעטוף את הבלאגן ב DIRECTIVE שתכתוב.

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

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

IDAN_500
חבר מתאריך 11.12.03
2321 הודעות

19:29 23.08.16

4. +1
בתגובה להודעה מספר 3

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

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

VeNom

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

23:54 23.08.16

5. אגב שכחתי לצרף דוגמאות קוד
בתגובה להודעה מספר 3

לפתרון הראשונה והפשוט:
https://jsfiddle.net/pvvnp8wg/
לפתרון השני:
https://jsfiddle.net/58dq6904/

בפתרון השני, תלחץ כמה פעמים על הכפתור ותראה שיש BINDING בין ערך רנדולמי מהקונטורולר הנורש וערך דינמי שכל הזמן מתחדש.

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

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

Beckham
חבר מתאריך 18.3.02
2412 הודעות

00:20 24.08.16

6. לגבי הדוגמא השנייה
בתגובה להודעה מספר 5

כדי להבין מה ה COMPILE עושה, בשורה מספר 18
תחליף את compiledHtml
עם html
ותראה מה קורה כשאתה לוחץ על הכפתור.

בנוסף, מכיוון שכל האלמנטים הם תחת אותו CTRL, משמע כולם מקבלים את אותו SCOPE
לכן המספר הרנדומלי לא משתנה - הוא נשמר פעם אחת על ה SCOPE כאשר ה CTRL רץ.

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

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