למה ng-disabled לא עובד כמצופה...
-
@ש-ב-ח אמר בלמה ng-disabled לא עובד כמצופה...:
ברור שבדקתי כך, אין שום תגובה בconsole.
אוקי, זה עכשיו ברור למה זה לא עובד. כי הוא בכלל לא מריץ את הפונקציה כמצופה.
שים כתיבה לקונסול בתחילת הפוקנציה ותראה אם הוא כותב.
זה סה"כ debug פשוט. -
@dovid
לא מצאתי שגיאה קשורה....
(יש שני שגיאות שמופיעות בכל מקרה. ואמרתי, במוצרים אחרים הכל עובד פיקס)בכל מקרה, אולי בכל זאת זה קשור לשגיאה הזאת (אל אף שהיא מופיעה בכל מקרה פעם אחת בכל ריענון).
איך באמת מטפלים בה?
זה נראה שמשהו שם בjQuery לא מסכים לאטריפולציה של אנגולר... (חשוב להדגיש שהתמונה כן נראת למשתמש, כלומר, חזותי נראה שהכל תקין). -
גם לי לא נראה שגיאה קשורה.
אין מנוס נאשר לעשות דמו קטן ולעקוב לאט לאט מתי השגיאה קורית.
תרויח שתי דברים:
א. סביבה מינימלית ונקיה ל"משחק" שיעזור להבין איפה הבעיה
ב. אפשרות קלה לשיתוף הקוד איתנו -
@ש-ב-ח זה ממש לא קשור שזה תבנית וורדפרס.
אתה פותח דף HTML חדש במחשב או בשירות אונליין (כמו https://plnkr.co/ או https://codepen.io/ ועוד).
ואתה מתחיל מקטע קוד אנגולרי קטנטן וחותר להגיע למצב שהבעיה חוזרת על עצמה.
קודם אתה עושה קונטרוללר קטן עם נתונים הנצרכים, עושה אינפוטים מאוגדים אליהם, ולבסוף ng-diable כפי שעשית.
אם הבעיה לא מתרחשת אתה מחפש הבדלים בין הדוגמא לבין המקרה שלך, ומעתיק אותם - עד שאתה מצליח ליצור את הבעיה מחדש.
אם אתה מצליח, אשמח לשיתוף. -
@ש-ב-ח זה ממש לא קשור שזה תבנית וורדפרס.
אתה פותח דף HTML חדש במחשב או בשירות אונליין (כמו https://plnkr.co/ או https://codepen.io/ ועוד).
ואתה מתחיל מקטע קוד אנגולרי קטנטן וחותר להגיע למצב שהבעיה חוזרת על עצמה.
קודם אתה עושה קונטרוללר קטן עם נתונים הנצרכים, עושה אינפוטים מאוגדים אליהם, ולבסוף ng-diable כפי שעשית.
אם הבעיה לא מתרחשת אתה מחפש הבדלים בין הדוגמא לבין המקרה שלך, ומעתיק אותם - עד שאתה מצליח ליצור את הבעיה מחדש.
אם אתה מצליח, אשמח לשיתוף. -
@ש-ב-ח זה ממש לא קשור שזה תבנית וורדפרס.
אתה פותח דף HTML חדש במחשב או בשירות אונליין (כמו https://plnkr.co/ או https://codepen.io/ ועוד).
ואתה מתחיל מקטע קוד אנגולרי קטנטן וחותר להגיע למצב שהבעיה חוזרת על עצמה.
קודם אתה עושה קונטרוללר קטן עם נתונים הנצרכים, עושה אינפוטים מאוגדים אליהם, ולבסוף ng-diable כפי שעשית.
אם הבעיה לא מתרחשת אתה מחפש הבדלים בין הדוגמא לבין המקרה שלך, ומעתיק אותם - עד שאתה מצליח ליצור את הבעיה מחדש.
אם אתה מצליח, אשמח לשיתוף. -
@dovid
זו הייתה עבודה... והנה:
debuger.rarתודה מראש
@ש-ב-ח אני ביקשתי הרבה הרבה פחות מזה.
רציתי בידוד של הבעיה, וזה מושג ע"י כמה שפחות דומה, לא כמה שיותר.
צריך שיהיה דוגמה מינימלית ולאט לאט להוסיף לה אלמנטים מהמערכת הקודמת כפי הנצרך כדי לייצר מחדש את הבאג.עכ"פ כעת אתה פטור...
פתחתי את הפרוייקט (היפה מאוד!) ולהלן הערות:
א. חלק מהסקריפטים שמת בסוף תגית body וחלק בhead.
הרעיון לשים בסוף הbosy הוא הבטחה שהאלמנטים בדף יהיו קיימים כשהסקריפט יתחיל לרוץ.
לא יודע אם זה שייך פה, אך בכל אופן תוכל להיות עקבי ולשים את כולם פה או פה, ולא לחלק.
ב. הסקריפט של bootstrap צריך את הjQuery ממילא הוא צריך להיות אחריו.
ג. אם יש jQuery בדף, עדיף שהיא תהיה לפני הangular כי היא עושה בו שימוש ואם הוא נטען אחריה זה כפל מיותר (אם האנגולר רואה שאין jQuery היא טוענת מערכת קטנה בשם jqLite. אם שמים את הjQuery קודם היא חוסכת את המערכת הזו).לגבי השגיאות, אצלי יש כמה שגיאות:
א. Uncaught TypeError: Cannot read property 'fn' of undefined
זה קשור לבוטסטרפ שלא מוצא את הjQueryב. http://errors.angularjs.org/1.7.9/jqLite/nosel
שמקורה בשורה הבאה:angular.element('.form-product-container').scrollTop(0);זו שגיאה שאומרת שהjqLite לא תומך בפונקציה שהjQuery כן תומך.
ג. http://errors.angularjs.org/1.7.9/$sce/unsafe
אני לא הבנתי מה גורם אותה.שינוי של סדר הסקריפטים כדלהלן פתר את שני השגיאות הראשונות (שמתי את כולם בסוף הbody ובhead השארתי רק סגנונות):
<body ng-app="app"> <product-arcive></product-arcive> <script type="text/javascript" src="https://code.jquery.com/jquery-3.4.1.min.js"></script> <script src="https://cdn.rtlcss.com/bootstrap/v4.2.1/js/bootstrap.min.js"></script> <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/angularjs/1.7.9/angular.min.js"></script> <script type="text/javascript" src="https://code.angularjs.org/1.7.9/angular-sanitize.min.js"></script> <script type="text/javascript" src="script.js"></script> </body>עיקר הבעיה שלך זה שגיאה ג' והיא לא הצלחתי להבין את מקורה.
במקרה כזה באמת קשה מאוד לייצר את השגיאה שוב לצרכי דיבאג כי אין קצה חוט.
עכ"פ ריעננתי את הדף וראיתי שהסתדר לך, מצויין!
קבל את מחמאותיי על הדף היפה וכדאי לך לתקן את מה שאמרתי בלי קשר לבאג. -
@ש-ב-ח אני ביקשתי הרבה הרבה פחות מזה.
רציתי בידוד של הבעיה, וזה מושג ע"י כמה שפחות דומה, לא כמה שיותר.
צריך שיהיה דוגמה מינימלית ולאט לאט להוסיף לה אלמנטים מהמערכת הקודמת כפי הנצרך כדי לייצר מחדש את הבאג.עכ"פ כעת אתה פטור...
פתחתי את הפרוייקט (היפה מאוד!) ולהלן הערות:
א. חלק מהסקריפטים שמת בסוף תגית body וחלק בhead.
הרעיון לשים בסוף הbosy הוא הבטחה שהאלמנטים בדף יהיו קיימים כשהסקריפט יתחיל לרוץ.
לא יודע אם זה שייך פה, אך בכל אופן תוכל להיות עקבי ולשים את כולם פה או פה, ולא לחלק.
ב. הסקריפט של bootstrap צריך את הjQuery ממילא הוא צריך להיות אחריו.
ג. אם יש jQuery בדף, עדיף שהיא תהיה לפני הangular כי היא עושה בו שימוש ואם הוא נטען אחריה זה כפל מיותר (אם האנגולר רואה שאין jQuery היא טוענת מערכת קטנה בשם jqLite. אם שמים את הjQuery קודם היא חוסכת את המערכת הזו).לגבי השגיאות, אצלי יש כמה שגיאות:
א. Uncaught TypeError: Cannot read property 'fn' of undefined
זה קשור לבוטסטרפ שלא מוצא את הjQueryב. http://errors.angularjs.org/1.7.9/jqLite/nosel
שמקורה בשורה הבאה:angular.element('.form-product-container').scrollTop(0);זו שגיאה שאומרת שהjqLite לא תומך בפונקציה שהjQuery כן תומך.
ג. http://errors.angularjs.org/1.7.9/$sce/unsafe
אני לא הבנתי מה גורם אותה.שינוי של סדר הסקריפטים כדלהלן פתר את שני השגיאות הראשונות (שמתי את כולם בסוף הbody ובhead השארתי רק סגנונות):
<body ng-app="app"> <product-arcive></product-arcive> <script type="text/javascript" src="https://code.jquery.com/jquery-3.4.1.min.js"></script> <script src="https://cdn.rtlcss.com/bootstrap/v4.2.1/js/bootstrap.min.js"></script> <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/angularjs/1.7.9/angular.min.js"></script> <script type="text/javascript" src="https://code.angularjs.org/1.7.9/angular-sanitize.min.js"></script> <script type="text/javascript" src="script.js"></script> </body>עיקר הבעיה שלך זה שגיאה ג' והיא לא הצלחתי להבין את מקורה.
במקרה כזה באמת קשה מאוד לייצר את השגיאה שוב לצרכי דיבאג כי אין קצה חוט.
עכ"פ ריעננתי את הדף וראיתי שהסתדר לך, מצויין!
קבל את מחמאותיי על הדף היפה וכדאי לך לתקן את מה שאמרתי בלי קשר לבאג.@dovid
מקבל את ההערות הבונות (וגם את המחמאות...).-
בגדול לא עניין אותי משגיאות אחרות כי רציתי לגשת ישר לעניין.
-
לגבי העיצוב וכו', פשוט העתקתי חלקים מהקוד שלי כי לא רציתי להתקשקש עם קוד חדש...
-
את השגיאה העיקרית שלי כבר מצאתי כמו שראית למעלה...
-
בקשר לשגיאה שלא הבנת מקורה. היא בגלל שיש שם שימוש בng-html-bind בשעה שלא הוזרק המודל לapp.
תודה רבה.
-
-
@dovid
מקבל את ההערות הבונות (וגם את המחמאות...).-
בגדול לא עניין אותי משגיאות אחרות כי רציתי לגשת ישר לעניין.
-
לגבי העיצוב וכו', פשוט העתקתי חלקים מהקוד שלי כי לא רציתי להתקשקש עם קוד חדש...
-
את השגיאה העיקרית שלי כבר מצאתי כמו שראית למעלה...
-
בקשר לשגיאה שלא הבנת מקורה. היא בגלל שיש שם שימוש בng-html-bind בשעה שלא הוזרק המודל לapp.
תודה רבה.
@ש-ב-ח אמר בלמה ng-disabled לא עובד כמצופה...:
- בגדול לא עניין אותי משגיאות אחרות כי רציתי לגשת ישר לעניין.
אז מנסיוני אני מייעץ לך לדאוג במהלך הפיתוח לא לצבור אפילו שגיאה אחת בקונסול.
שגיאה זו לא אזהרה, והיא בהחלט עושה או מנבאת בעיה וגם מטשטשת שגיאות אחרות שלצידה. -
-
@ש-ב-ח אמר בלמה ng-disabled לא עובד כמצופה...:
- בגדול לא עניין אותי משגיאות אחרות כי רציתי לגשת ישר לעניין.
אז מנסיוני אני מייעץ לך לדאוג במהלך הפיתוח לא לצבור אפילו שגיאה אחת בקונסול.
שגיאה זו לא אזהרה, והיא בהחלט עושה או מנבאת בעיה וגם מטשטשת שגיאות אחרות שלצידה.@dovid אמר בלמה ng-disabled לא עובד כמצופה...:
אז מנסיוני אני מייעץ לך לדאוג במהלך הפיתוח לא לצבור אפילו שגיאה אחת בקונסול.
שגיאה זו לא אזהרה, והיא בהחלט עושה או מנבאת בעיה וגם מטשטשת שגיאות אחרות שלצידה.אל תלך רחוק... התכוונתי עבור הדמו... בפיתוח זה לא כך, אבל בהחלט זה יכול להפריע גם עבור בדיקה כזאת... ויהי רצון שלא נצטרך...
-
@dovid אמר בלמה ng-disabled לא עובד כמצופה...:
אז מנסיוני אני מייעץ לך לדאוג במהלך הפיתוח לא לצבור אפילו שגיאה אחת בקונסול.
שגיאה זו לא אזהרה, והיא בהחלט עושה או מנבאת בעיה וגם מטשטשת שגיאות אחרות שלצידה.אל תלך רחוק... התכוונתי עבור הדמו... בפיתוח זה לא כך, אבל בהחלט זה יכול להפריע גם עבור בדיקה כזאת... ויהי רצון שלא נצטרך...
