אנגולר - הצגת אובייקט JSON

ממ

בוקר טוב,
אני מקבלת מצד שרת ( שרשום בפייתון) אובייקט מסוג : jsonify({ 'text': 'a' })
ושאני מנסה להציג אותו באנגולר על המסך ב-HTML הוא מוצג לי בצורה הבאה: [object Object]
אני רוצה להציג את ה -'a'
אשמח לעזרה
תודה רבה!!

dovid

@ממ באנגולר, עלייך לחבר a ישירות, משהו כזה:

<span>{{obj.a}}!</span>

ממ

@dovid ניסיתי לעשות .text אבל לא מכיר את text
אולי הבעיה שלי זה איך אני מקבלת אותו?
איזה סוג נתון אני צריכה לקבל אותו? (json, string...)
אני שולחת אותו jsonify({ 'text': 'a' })

liy770

@ממ אמר באנגולר - הצגת אובייקט JSON:

@dovid ניסיתי לעשות .text אבל לא מכיר את text
אולי הבעיה שלי זה איך אני מקבלת אותו?
איזה סוג נתון אני צריכה לקבל אותו? (json, string...)
אני שולחת אותו jsonify({ 'text': 'a' })

תשלחי אותו כטקסט ובאנגולר תהפכי אותו ל Json

ממ

@liy770 שאני שולחת כטקסט
אני מקבלת את השגיאה הבאה:
"Unexpected token a in JSON at position 0"

liy770

@ממ אמר באנגולר - הצגת אובייקט JSON:

@liy770 שאני שולחת כטקסט
אני מקבלת את השגיאה הבאה:
"Unexpected token a in JSON at position 0"

עשית לו המרה של הטקסט ל Json?
א״כ תעלי פה את הקוד גם של הפייתון וגם של האנגולר.

ממ

@liy770 - תודה!
הקוד בפייתון:

@app.route("/pick_letter", methods = ['GET'])
def pick_letter():
    return jsonify({'text' :'a'})

הקוד באנגולר:
בסרוויס -

API_URL = 'http://localhost:5000';

  constructor(private http: HttpClient) { }

  
  getLetter(){
    return this.http.get<JSON>(`${this.API_URL}/pick_letter`);
  }

בקובץ TS-

letter  : JSON | undefined;
  

  ngOnInit(): void {
    this.getLetter();

  }

  //בקשה לקבלת אות
  getLetter(){
    // this.letter = 'א';
    this.des1 = this.http.getLetter()
    .subscribe(
      (result) =>{
        console.log(result);
        this.letter = result;
      
      }
    );
  }

בקובץ HTML-

<p>
    {{letter}}<br>
</p>

liy770

@ממ תשני את הפייתון לזה:

@app.route("/pick_letter", methods = ['GET'])
def pick_letter():
    return '{ "text": "a" }'

תקראי את זה בנוגע לייבוא של JSON ממקור חיצוני באנגולר:
https://stackoverflow.com/questions/44042223/load-json-from-local-file-with-http-get-in-angular-2

ממ

@liy770 אמר באנגולר - הצגת אובייקט JSON:

'{ "text": "a" }'

לא עוזר

liy770

@ממ אמר באנגולר - הצגת אובייקט JSON:

@liy770 אמר באנגולר - הצגת אובייקט JSON:

'{ "text": "a" }'

לא עוזר

קראת את מה שהבאתי?

ממ

@liy770 מנסה המון זמן לפתוח ולא נפתח
יכול להיות שהקישור לא תקין??

liy770

@ממ

https://stackoverflow.com/questions/44042223/load-json-from-local-file-with-http-get-in-angular-2

ממ

@liy770 לא נפתח לי משום מה...
אשמח אם תוכל לכוון אותי בכל זאת
תודה!!

אף אחד 3

@ממ 1.rar
הורדתי את העמוד הזה

dovid

@ממ אמר באנגולר - הצגת אובייקט JSON:

@dovid ניסיתי לעשות .text אבל לא מכיר את text

הוא לא מכיר text כי את עשית http.get<JSON> את צריכה להחליף את הJSON בטיפוס שהכרזת עליו עם המאפיין a, או לכתוב http.get<any> שזה טיפוס לא מוצהר, ואז זה צריך לעבוד.

@liy770 אני לא מבין מה החלטת שהלינק שנתת נותן, כל הhttp.get של אנגולר בנוי לעבוד עם JSON, שמה יש סיפור שונה של טעינת קובץ JSON סטטי.

liy770

@dovid אמר באנגולר - הצגת אובייקט JSON:

אני לא מבין מה החלטת שהלינק שנתת נותן, כל הhttp.get של אנגולר בנוי לעבוד עם JSON, שמה יש סיפור שונה של טעינת קובץ JSON סטטי.

במילים אחרות את מה שכתבת שלא צריך את ה <JSON> רק שלא ידעתי להסביר זאת.

ממ

@dovid עדיין לא עובד

ממ

הסתדר -תודה!!
עכשיו עושה לי שגיאה כזו :
ERROR TypeError: Cannot read properties of undefined (reading 'text')
אם יש לכם מושג מה זה ??

צדיק תמים

@ממ אמר באנגולר - הצגת אובייקט JSON:

עכשיו עושה לי שגיאה כזו :
ERROR TypeError: Cannot read properties of undefined (reading 'text')
אם יש לכם מושג מה זה ??

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

ממ

@צדיק-תמים
בתכלס כן מציג אותו
יכול להיות שמציג תשגיאה בגלל שלוקח זמן עד שחוזר מהשרת עם הערך??
המשתנה הזה מוגדר להיות any ללא ערך
זו שגיאה שצריך להתייחס אליה??

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

אנגולר - הצגת אובייקט JSON