למה ng-disabled לא עובד כמצופה...

dovid

@ש-ב-ח זה ממש לא קשור שזה תבנית וורדפרס.
אתה פותח דף HTML חדש במחשב או בשירות אונליין (כמו https://plnkr.co/ או https://codepen.io/ ועוד).
ואתה מתחיל מקטע קוד אנגולרי קטנטן וחותר להגיע למצב שהבעיה חוזרת על עצמה.
קודם אתה עושה קונטרוללר קטן עם נתונים הנצרכים, עושה אינפוטים מאוגדים אליהם, ולבסוף ng-diable כפי שעשית.
אם הבעיה לא מתרחשת אתה מחפש הבדלים בין הדוגמא לבין המקרה שלך, ומעתיק אותם - עד שאתה מצליח ליצור את הבעיה מחדש.
אם אתה מצליח, אשמח לשיתוף.

ש.ב.ח.

@dovid
זו הייתה עבודה... והנה:
debuger.rar

תודה מראש

ש.ב.ח.

@dovid
עשיתי console.log לכל הקונטרולר...
מוזר... בפריטים שאכן זה לא עובד אין בכלל את הפונקציה בקונטרולר... איך זה?

ש.ב.ח.

מצאתי אותו!!!!!!!!!
בטעות הפונקציה (כלומר הוספת האיבר לאובייקט הקונטרולר) נוספה בתוך איבר/פונקציה אחרת...
איזה תסכול!!!

dovid

@ש-ב-ח אני ביקשתי הרבה הרבה פחות מזה.
רציתי בידוד של הבעיה, וזה מושג ע"י כמה שפחות דומה, לא כמה שיותר.
צריך שיהיה דוגמה מינימלית ולאט לאט להוסיף לה אלמנטים מהמערכת הקודמת כפי הנצרך כדי לייצר מחדש את הבאג.

עכ"פ כעת אתה פטור...
פתחתי את הפרוייקט (היפה מאוד!) ולהלן הערות:
א. חלק מהסקריפטים שמת בסוף תגית 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-disabled לא עובד כמצופה...:

בגדול לא עניין אותי משגיאות אחרות כי רציתי לגשת ישר לעניין.

אז מנסיוני אני מייעץ לך לדאוג במהלך הפיתוח לא לצבור אפילו שגיאה אחת בקונסול.
שגיאה זו לא אזהרה, והיא בהחלט עושה או מנבאת בעיה וגם מטשטשת שגיאות אחרות שלצידה.

ש.ב.ח.

@dovid אמר בלמה ng-disabled לא עובד כמצופה...:

אז מנסיוני אני מייעץ לך לדאוג במהלך הפיתוח לא לצבור אפילו שגיאה אחת בקונסול.
שגיאה זו לא אזהרה, והיא בהחלט עושה או מנבאת בעיה וגם מטשטשת שגיאות אחרות שלצידה.

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

yossiz

@ש-ב-ח גם אני מצטרף למחמאות

אהרן

איך אתם פותחים את הדף?

תחומים - פורום חרדי מקצועי

למה ng-disabled לא עובד כמצופה...