Show image in html depending on typescript info ionic angular

Question

I am pulling some user profile data from the database and storing it in an observable. I can access properties with typing profileData.username,profileData.msgnumber etc...

profileData.avatar returns the name of avatar user is using. What I'm trying to do is if profileData.avatar equals "bear" display bear picture in HTML or if it equals "spider" display spider in HTML. Now I can display just string by writing {{profileData.avatar}}

what have you tried so far? give some example JSON for profileData — nmanikiran
– nmanikiran, Commented Oct 26, 2017 at 10:18

AddWeb Solution Pvt Ltd · Accepted Answer · 2017-10-26 10:20:33Z

1

In ionic 2 you need to write something like,

<ion-item>
 <ion-avatar>
  <img src=" {{profileData.avatar}}">
 </ion-avatar>
</ion-item>

answered Oct 26, 2017 at 10:20

AddWeb Solution Pvt Ltd

21.8k5 gold badges30 silver badges61 bronze badges

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

2 Comments

Yunus Emre Guney Student Over a year ago

im not holding avatars with urls.they are just strings. like avatar:"bear" is there any other way ?

AddWeb Solution Pvt Ltd Over a year ago

Just a string 'bear' will not work for getting image and display it in html file. Absolute or relative any path of image would be needed.

Collectives™ on Stack Overflow

Show image in html depending on typescript info ionic angular

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