הפעלת פונקציה חיצונית מתוך הקומפוננטה

ישנן כמה דרכים להפעיל פונקציה מתוך הקומפוננטה הפנימית.

הפופולרית ביותר היא באמת outPut.

דוגמת שימוש:

יש לנו קומפוננטה בשם parent שמכילה קומפוננטה בשם child.

אנחנו רוצים ש child תקרא לפונקציה sayHallo() שנמצאת ב parent.

(נשכלל את זה ונחליט שהפונקציה sayHallo תקבל פרמטר מסוג מחרוזת)

לשם כך נגדיר בקומפוננטה child ארוע בשם childSayHallo:

@Output() childSayHallo = new EventEmitter<string>();

וכעת, בכל פעם שנרצה לקרוא ל sayHallo - נעורר את הארוע ע"י הפקודה emit בצורה כזו:

this.childSayHallo.emit("שלום לכולם!!!!");

עד כאן התעסקנו עם הקומפוננטה child.

כעת ניגע בקומפוננטה parent ונגדיר לה שהיא תאזין לקומפוננטה child.

נעשה את זה ע"י הגדרה ב html של הקומפוננטה parent.

(איפה שאנחנו מיבאים את child ל html):

<app-child (childSayHallo)='sayHallo($event)'></app-child>

הפונקציה sayHallo כאמור, נמצאת בקומפוננטה parent.

נוכל לשלוח לה פרמטרים מהקומפוננטה הפנימית ע"י מילת המפתח $event

הדרך הזו מתאימה למקרה שאת מיבאת את הקומפוננטה child (הפנימית) ל html של הקומפוננטה parent (החיצונית)

מקורות נוספים והרחבות תוכלי למצוא כאן

וכן כאן

המון הצלחות!!!!!

למה הכוונה פונקציה חיצונית?

מקומפוננטה אחרת?

מקובץ java script?

מ service?

כמה שיותר פירוט יעזור לכולנו לעזור לך😉

אני רוצה לעשות קומפננטה X שתפעיל פונקציה מקומפוננטה אחרת Y שמכילה את X

חשבתי שמספיק לשלוח את השם של הפונקציה ובקומפוננטה הפנימית X לגרום לארוע קליק להפעיל את הפונקציה מקומפוננטה Y החיצונית.

מה צריך לעשות?

זה קשור לoutput??

תודה רבה!!!!.

תודה רבה!!!

את מסבירה מעולה:)