עזרה בangular

ari rm · 15/7/20

בס"ד

זה נכון לעשות קומפוננטות בתיקיות נפרדות כגון:
תיקיה של משתמשים ובתוכה קומפוננטות של פרטי משתמש ורשימת משתמשים ועוד..
דוגמא:
app/users/user-details
app/users/user-list

א"כ איך מייבאים תכונות מהתיקייה הראשית app כגון מערכים שנמצאים שם
כלומר איך אפשר ללכת אחורה יותר מתיקיה אחת, כלומר יותר מ2 נקודות

אני עשיתי 3 נקודות

קוד:

'.../arrays/UserDetails'

והוא כותב לי שגיאה שהוא לא מוצא את הקובץ הנ"ל, ואם אני שם אותו בתיקיה של הקומפוננטות של המשתמשים הוא כן מביא?

סמרקט · 15/7/20

עבור כל רמה נוספת בהיררכיה יש להוסיף שתי נקודות וסלאש.

קוד:

../../etc

B HAPPY · 15/7/20

לא מכירה אנגולר
אבל בד"כ זה

קוד:

../../../

ari rm · 15/7/20

ומה לגבי אם זה נכון לבנות בכזאת צורה?

עם כל המרץ · 15/7/20

לא רק שאפשר - אלא ככה זה הולך.

ari rm · 15/7/20

אפשר לייבא תמונה מהתיקייה באנגולר?
כי זה לא מספיק, הוא לא מראה את התמונה

קוד:

 <img src="../../images/users/default_user.png"  width="60" height="60">

כך הוא מציג לי

נסיתי עוד תמונות בעוד קומפננטות, וזה אותו דבר.
אבל אם אני מביא תמונה מכתובת אז הוא כן מראה?
דוגמא:

עם כל המרץ · 15/7/20

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

ari rm · 15/7/20

נכתב ע"י עם כל המרץ:
אם התמונה נפתחת באנגולר זה אומר שזה הקישור הנכון של התמונה.

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

אנונימי123 · 15/7/20

נכתב ע"י ari rm:
תודה על העינות, בדקתי...
התמונה נפתחת בתוכנה....
זה הקישור הנכון...
אבל עדיין באתר הוא לא מוצא את התמונה כמו בתמונה שצירפתי בהודעה קודמת.

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

בהצלחה ...

ari rm · 15/7/20

נכתב ע"י אנונימי123:
אולי זה סיומת שהוא לא מכיר.

זה הכתובת:

נכתב ע"י ari rm:
קוד:
<img src="../../images/users/default_user.png" width="60" height="60">

נכתב ע"י אנונימי123:
צריך לשחק עם זה.... עם הניתוב..

כתבתי קודם:

נכתב ע"י ari rm:
התמונה נפתחת בתוכנה....
זה הקישור הנכון...

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

אנונימי123 · 15/7/20

נכתב ע"י ari rm:
זה הכתובת:

כתבתי קודם:

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

מוזר...
אולי תנסה להעתיק את הניתוב המלא בלי ../

ari rm · 15/7/20

ניסיתי,
לא עזר

אתי1234 · 15/7/20

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

ari rm · 15/7/20

בס"ד

כל אלו לא עובדים
רק ככה זה עובד

יש למישהו פתרון?

anotherית · 16/7/20

זה הסיומת.
הוא כנראה לא תופס סיומת של jpg אלא רק של png

ari rm · 16/7/20

בס"ד

זה היה במקרה עם סיומת jpg
אבל גם עם סיומת .png
זה לא עובד.

אנונימי123 · 16/7/20

נכתב ע"י ari rm:
בס"ד

זה היה במקרה עם סיומת jpg
אבל גם עם סיומת .png
זה לא עובד.

לא אכפת לי לנסות להשתלט ולראות אם אני מצליחה...

סמרקט · 16/7/20

לא מכירה אנגולר
נראה לי שהניתוב לא תואם להיררכיה שנוצרת בסופו של דבר באריזה של האפליקציה.
ה-build מייצר תיקיה של האפליקציה המפובלשת (publish), אמור להיות משהו כמו public/dist או משהו בדומה.
לא יודעת אם זה הכי נכון אבל אפשר לשים את התמונות בתוך התיקיה הזו וכמובן שהניתוב יתייחס אליה.

(אני עובדת עם webpack ומשתמשת ב-url-loader שלוקח את הurl של התמונה ואורז אותה בתוך ה-bundle)