什么是angularFire？

• 基于可观察性 - 使用RxJS，Angular和Firebase的强大功能。
• 实时绑定 - 实时同步数据。
• 身份验证 - 使用各种提供程序登录用户并监视身份验证状态。
• 离线数据 - 使用AngularFirestore自动离线存储数据。
• 服务器端渲染 - 生成静态html以提高感知性能或创建静态站点。
• ngrx friendly - 使用AngularFire基于动作的api与ngrx集成。
• 管理二进制数据 - 上载，下载和删除二进制文件，如图像，视频和其他blob。
• 调用服务器代码 - 直接调用无服务器云功能，并自动传递用户上下文。
• 推送通知 - 注册并收听推送通知
• 模块化 - 仅包括所需内容。没有AngularFire包高于3kb，大多数低于2kb（gzip）。

安装

npm install firebase @ angular / fire --save

使用示例：

import { Component } from '@angular/core';
import { AngularFirestore } from '@angular/fire/firestore';
import { Observable } from 'rxjs';

@Component({
  selector: 'app-root',
  template: `
  <ul>
    <li *ngFor="let item of items | async">
      {{ item.name }}
    </li>
  </ul>
  `
})
export class MyApp {
  items: Observable<any[]>;
  constructor(db: AngularFirestore) {
    this.items = db.collection('items').valueChanges();
  }
}

链接: https://fly63.com/nav/2679