# firebase-image

Latest version **1.0.2** (published 2018-08-29) · MIT license · 0 weekly downloads

## Install

```sh
npm install firebase-image
pnpm add firebase-image
yarn add firebase-image
bun add firebase-image
```

## Health

**Score 25/100 (F)** — status: abandoned.

Positive: has types; esm support; no vulnerabilities.

Warnings: low downloads.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 1.0.2 |
| Published | 2018-08-29 |
| First published | 2018-08-28 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | bundled |
| Module format | ESM + CommonJS |
| Dependencies | 14 |
| Unpacked size | 15.7 KB |
| Known vulnerabilities | 0 (+19 in 4 direct dependencies) |
| Install scripts | no |
| Maintainers | dryize |
| Keywords | firebase, loader, image, firestore, storage, loader, angularfire, directive, angular, ionic |

## Links

- npm: https://www.npmjs.com/package/firebase-image
- npm.io page: https://npm.io/package/firebase-image

## Dependencies (14)

- [rxjs](https://npm.io/package/rxjs.md) ^5.5.2
- [tslib](https://npm.io/package/tslib.md) ^1.7.1
- [core-js](https://npm.io/package/core-js.md) ^2.4.1
- [zone.js](https://npm.io/package/zone.js.md) ^0.8.14
- [firebase](https://npm.io/package/firebase.md) ^5.4.1
- [@angular/core](https://npm.io/package/@angular/core.md) ^5.0.0
- [@angular/http](https://npm.io/package/@angular/http.md) ^5.0.0
- [@angular/forms](https://npm.io/package/@angular/forms.md) ^5.0.0
- [@angular/common](https://npm.io/package/@angular/common.md) ^5.0.0
- [@angular/router](https://npm.io/package/@angular/router.md) ^5.0.0
- [@angular/compiler](https://npm.io/package/@angular/compiler.md) ^5.0.0
- [@angular/animations](https://npm.io/package/@angular/animations.md) ^5.0.0
- [@angular/platform-browser](https://npm.io/package/@angular/platform-browser.md) ^5.0.0
- [@angular/platform-browser-dynamic](https://npm.io/package/@angular/platform-browser-dynamic.md) ^5.0.0

## Alternatives

- [localforage](https://npm.io/package/localforage.md) — 6.2M weekly downloads
- [localforage-observable](https://npm.io/package/localforage-observable.md) — 30.8K weekly downloads
- [@y/y](https://npm.io/package/@y/y.md) — 30.1K weekly downloads
- [@metaobjectsdev/render](https://npm.io/package/@metaobjectsdev/render.md) — 3.5K weekly downloads
- [@ledgerhq/coin-algorand](https://npm.io/package/@ledgerhq/coin-algorand.md) — 1.1K weekly downloads

## Recent versions

- 1.0.2 (latest) — 2018-08-29
- 1.0.1 — 2018-08-28
- 1.0.0 — 2018-08-28

## README

# Angular5/ Ionic3 Firebase Image Loader Directive


## Introduction
Load firebase storage images with path easily.
```bash
<img firebaseImage="{storage path}" />
```
## Getting Started

First install it,
```bash
npm install firebase-image-directive --save
```

Then, import it into your @NgModule:

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

Then, use it in your component:

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

---
_Source: https://npm.io/package/firebase-image · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._