What is the best way to read the db or rest api object in angular framework?

Question

I am experienced java developer and recently working on angular as well, most of the time i use observable<any> as a return type of my http api method or db read method but what is the best way to do this to avoid [object, object] read error or object is undefined.

I would appreciate your help. thanks


 getComments(): Observable<any> {
    return this.http.get(environment.api + '/payments/6');
  }

  addComments(body): Observable<any> {
    console.log(body);
    return this.http.post(environment.api + '/payments/account', body);
  } ```

** when i am reading on html tags, from object of component ** — Nahid
– Nahid, Commented Apr 7, 2021 at 5:04
what is wrong with your methods? everything seems well. is it possible for you that explain a little more? — Seyed-Amir-Mehrizi
– Seyed-Amir-Mehrizi, Commented Apr 7, 2021 at 5:16
[object, object] read error or object is undefined are due to some bug in your code. Totally unrelated to your question ("what is the best way to do X"). Bugs can creep into the best designs; even to most experienced developers — Felix
– Felix, Commented Apr 7, 2021 at 5:22
** actually these are errors are coming as result of i am using different ways to read values from db or api** sometimes i have to use valueChanges to get the object value mainly happening with firebase db. — Nahid
– Nahid, Commented Apr 7, 2021 at 6:51

Mehdi Shakeri · Accepted Answer · 2021-04-07 05:14:55Z

1

in Angular With interpolation, Angular performs the following tasks:

Evaluates all expressions in double curly braces.
Converts the expression results to strings.
Links the results to any adjacent literal strings.
Assigns the composite to an element or directive property

Your problem is with section two, when you pass an object to interpolation, Angular converts object to string and the result will be [object Object], so you have to pass some primitives or use json pipe to interpolate correctly.

answered Apr 7, 2021 at 5:14

Mehdi Shakeri

6224 silver badges11 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Nahid Over a year ago

okay but for an observable object of any type how do we do that ?

Mehdi Shakeri Over a year ago

you can use async pipe {{ (data | async)?.someProp }}

Collectives™ on Stack Overflow

What is the best way to read the db or rest api object in angular framework?

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related