איך מכניסים פונקציה בתוך קלאס של אלמנט

[aaron]

@chagold אמר באיך מכניסים פונקציה בתוך קלאס של אלמנט:

אבל אני לא רוצה שכשהוא טוען את הדף הראשון האתר הוא יריץ אותו

מה הכוונה יריץ אותו? את הטעינה של הקובץ JS או את ההרצה של הפונקציה select2() ?
מה לגבי

$('#select2-div').ready(function(){
    //..... select2()
})

[chagold]

@dovid אמר באיך מכניסים פונקציה בתוך קלאס של אלמנט:

דרך פשוטה (אבל גם מלוכלכת) זה לכלול בdiv עוטף את הסקריפט עצמו - זה יכול להיות נטו קריאה לפונקציה:

זה לא הולך לי, כיון שהתג </script> מעיף אותי מהJS שבHTML.

הדרך השניה, לצערי לא הבנתי את המימוש.
תודה.

[dovid]

@chagold אמר באיך מכניסים פונקציה בתוך קלאס של אלמנט:

זה לא הולך לי, כיון שהתג </script> מעיף אותי מהJS שבHTML.

לא הבנתי.

[zvizvi]

@chagold אמר באיך מכניסים פונקציה בתוך קלאס של אלמנט:

איך עושים DIV שהקלאס שלו יריץ פונקציה ?
(אפשרי גם שאירוע אחר עליו, שירוץ רק אחרי שהבינדינג יעלה את האובייקט ל-HTML, אבל נראה לי שהראשון הוא הנכון)?

תודה.

אם הבנתי נכון את שאלתך, (ומבלי לגרוע מדברי @dovid ...)

ng-init="function()" 

[chagold]

@zvizvi אמר באיך מכניסים פונקציה בתוך קלאס של אלמנט:

@chagold אמר באיך מכניסים פונקציה בתוך קלאס של אלמנט:

איך עושים DIV שהקלאס שלו יריץ פונקציה ?
(אפשרי גם שאירוע אחר עליו, שירוץ רק אחרי שהבינדינג יעלה את האובייקט ל-HTML, אבל נראה לי שהראשון הוא הנכון)?

תודה.

אם הבנתי נכון את שאלתך, (ומבלי לגרוע מדברי @dovid ...)

ng-init="function()" 

בדיוק. אבל אני לא באנגולר (..ן@dovid שוב הוכיח שהוא צדק ואני עדיין העקשן שלא עוזב את vue), אבל תודות לך מצאתי את זה בסטאק. אבדוק יותר מאוחר אם זה באמת מצליח...

[chagold]

@dovid אמר באיך מכניסים פונקציה בתוך קלאס של אלמנט:

@chagold אמר באיך מכניסים פונקציה בתוך קלאס של אלמנט:

זה לא הולך לי, כיון שהתג </script> מעיף אותי מהJS שבHTML.

לא הבנתי.

מופיע לי באתר כל תוכן הקוד שכתוב לי אחרי ה </script>. זה בגלל שהתגית הזו היא תגית סגירה, והמנוע חושב שנגמר כל הסקריפט והוא לא יודע שזה רק איזו שורה קטנה שנכנסה כאן באמצע והוא צריך להמשיך לקרוא את שאר הקוד.
ככה

[chagold]

@aaron אמר באיך מכניסים פונקציה בתוך קלאס של אלמנט:

@chagold אמר באיך מכניסים פונקציה בתוך קלאס של אלמנט:

אבל אני לא רוצה שכשהוא טוען את הדף הראשון האתר הוא יריץ אותו

מה הכוונה יריץ אותו? את הטעינה של הקובץ JS או את ההרצה של הפונקציה select2() ?
מה לגבי

$('#select2-div').ready(function(){
    //..... select2()
})

כל הפונקציה של הselect2 צריכה לרוץ רק אחרי שה-input קיים. בפועל גם הפתרון שלך רץ לי אולי אחרי הטעינה של הכל, אבל הוא לא בודק אם הוא קיים או לא כדי להריץ אותו.

[dovid]

@zvizvi אמר באיך מכניסים פונקציה בתוך קלאס של אלמנט:

@chagold אמר באיך מכניסים פונקציה בתוך קלאס של אלמנט:

איך עושים DIV שהקלאס שלו יריץ פונקציה ?
(אפשרי גם שאירוע אחר עליו, שירוץ רק אחרי שהבינדינג יעלה את האובייקט ל-HTML, אבל נראה לי שהראשון הוא הנכון)?

תודה.

אם הבנתי נכון את שאלתך, (ומבלי לגרוע מדברי @dovid ...)

ng-init="function()" 

זה לא יעבוד אם הקוד מוזרק דינמית ע"י פונקציה חיצונית. צריך compile במונחים של אנגולר 1.

[zvizvi]

@dovid אמר באיך מכניסים פונקציה בתוך קלאס של אלמנט:

@zvizvi אמר באיך מכניסים פונקציה בתוך קלאס של אלמנט:

@chagold אמר באיך מכניסים פונקציה בתוך קלאס של אלמנט:

איך עושים DIV שהקלאס שלו יריץ פונקציה ?
(אפשרי גם שאירוע אחר עליו, שירוץ רק אחרי שהבינדינג יעלה את האובייקט ל-HTML, אבל נראה לי שהראשון הוא הנכון)?

תודה.

אם הבנתי נכון את שאלתך, (ומבלי לגרוע מדברי @dovid ...)

ng-init="function()" 

זה לא יעבוד עם הקוד מוזרק דינמית ע"י פונקציה חיצונית. צריך compile במונחים של אנגולר 1.

לפעמים $scope.$apply() לבד יספיק.

[dovid]

@chagold אמר באיך מכניסים פונקציה בתוך קלאס של אלמנט:

@dovid אמר באיך מכניסים פונקציה בתוך קלאס של אלמנט:

@chagold אמר באיך מכניסים פונקציה בתוך קלאס של אלמנט:

זה לא הולך לי, כיון שהתג </script> מעיף אותי מהJS שבHTML.

לא הבנתי.

מופיע לי באתר כל תוכן הקוד שכתוב לי אחרי ה </script>. זה בגלל שהתגית הזו היא תגית סגירה, והמנוע חושב שנגמר כל הסקריפט והוא לא יודע שזה רק איזו שורה קטנה שנכנסה כאן באמצע והוא צריך להמשיך לקרוא את שאר הקוד.
ככה

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

"</scr" + "ipt>

בדוגמה שלי בכל מקרה יש כמה הזרקות לעשות אז תעשה עם הTemplate strings של ES6, תראה דוגמה שעשיתי:

https://plnkr.co/edit/CcR9YbiPJzagt56t1IGf?p=preview

[chagold]

בסוף מצאתי פונקציה מובנית בvue.
https://vuejs.org/v2/guide/instance.html#Instance-Lifecycle-Hooks להרצת אירועים בכל שלבי הבינדיגים.
אני השתמשתי בmounted.

ושוב תודה רבה לכולם. אין מילים!!