Angularefire2 + Firebase storage : how to load image

871 views
Skip to first unread message

at...@crocodeal.io

unread,
Dec 28, 2016, 10:45:36 AM12/28/16
to Firebase Google Group
Hello Guys,


I am using angularfire2 with my project and trying to read images from Firebase Storage with a material design component :

This is the orginal pattern
<img md-card-image src="assets/img/examples/shiba2.jpg">


I checked on Angularfire2 github project, it will be a new attribute firebase-src but I don't know when these new feature will available :

Target :
<img md-card-image firebase-src="{{ path }}">

 In the meantime for the new attribute, someone knows how I can solve my issue ?


Thanks,

Kato Richardson

unread,
Dec 28, 2016, 3:29:52 PM12/28/16
to Firebase Google Group
Hi Atali, 

Is there something stopping you from using the JavaScript SDK directly for this? Keep in mind that AF2 offers the convenience of converting some of the Firebase event handling into Observables, but is otherwise just icing on the cake.

Read more on how to access storage from JavaScript here.

☼, Kato

--
You received this message because you are subscribed to the Google Groups "Firebase Google Group" group.
To unsubscribe from this group and stop receiving emails from it, send an email to firebase-talk+unsubscribe@googlegroups.com.
To post to this group, send email to fireba...@googlegroups.com.
To view this discussion on the web visit https://groups.google.com/d/msgid/firebase-talk/59737ce0-2e73-469d-b27e-fe8fa51628ec%40googlegroups.com.
For more options, visit https://groups.google.com/d/optout.

Jacob Wenger

unread,
Jan 3, 2017, 2:52:25 PM1/3/17
to fireba...@googlegroups.com
I just wanted to tag two things on to what Kato already said:
  • If you are using Angular2, you should use AngularFire2. The AngularFire project is only for Angular 1 apps.
  • The PR David put together is a work in progress and you can follow along on GitHub here. That thread is going to be the best way to follow when that change makes it into the library itself. It is currently being code reviewed by a handful of people (myself included).
Cheers,
Jacob

at...@crocodeal.io

unread,
Jan 13, 2017, 7:15:53 PM1/13/17
to Firebase Google Group
Hello Kato,

Thanks, I am going to use the Javascript SDK definitively !


Le mercredi 28 décembre 2016 21:29:52 UTC+1, Kato Richardson a écrit :
Hi Atali, 

Is there something stopping you from using the JavaScript SDK directly for this? Keep in mind that AF2 offers the convenience of converting some of the Firebase event handling into Observables, but is otherwise just icing on the cake.

Read more on how to access storage from JavaScript here.

☼, Kato
On Dec 28, 2016 8:45 AM, <at...@crocodeal.io> wrote:
Hello Guys,


I am using angularfire2 with my project and trying to read images from Firebase Storage with a material design component :

This is the orginal pattern
<img md-card-image src="assets/img/examples/shiba2.jpg">


I checked on Angularfire2 github project, it will be a new attribute firebase-src but I don't know when these new feature will available :

Target :
<img md-card-image firebase-src="{{ path }}">

 In the meantime for the new attribute, someone knows how I can solve my issue ?


Thanks,

--
You received this message because you are subscribed to the Google Groups "Firebase Google Group" group.
To unsubscribe from this group and stop receiving emails from it, send an email to firebase-tal...@googlegroups.com.
Reply all
Reply to author
Forward
0 new messages