Angular5/ Ionic3 Firebase Image Loader Directive

Introduction

Load firebase storage images with path easily.

<img firebaseImage="{storage path}" />

Getting Started

First install it,

npm install firebase-image-directive --save

Then, import it into your @NgModule:

import { NgModule } from '@angular/core';
import { FirebaseImageModule } from 'firebase-image';
 
@NgModule({
  imports: [
    FirebaseImageModule
  ],
  declarations: []
})
export class MyModule {}

Then, use it in your component:

<div>
  <img firebaseImage="{storage path}" />
</div>