angular - 有没有使用 NGRX 和 angular-fire 的一个很好的例子

Question

第一次使用 NGRX/store 和 firebase。

预订服务中的代码如下所示:

reservations: FirebaseListObservable<Reservation[]> = null;

使用这样的创建方法:

createReservation(reservation: Reservation): FirebaseListObservable<Reservation> {
    return this.reservations.push(reservation)
  }

NGRX/效果如下所示:

@Effect()
  create$: Observable<Action> = this.actions$
.ofType(reservationsActions.CREATE)
.map((action: reservationsActions.Create) => action.payload)
.switchMap((reservation) =>
  this.reservationsService.createReservation(reservation)
    .map( (createdReservation: Reservation) => new reservationsActions.CreateSuccess(createdReservation))
);

我收到此错误

Type 'ThenableReference' is not assignable to type 'FirebaseListObservable<Reservation>'

我试过了

:Observable<any>

我明白了

Property '_isScalar' is missing in type 'ThenableReference'.

所有 NGRX 的东西都连接正确，只有当我尝试将它与 angular-fire 一起使用时，我才会遇到问题，因为它不是典型的 CRUD……GET、POST 等。

有没有使用 NGRX 和 angular-fire 的好例子。

createReservation(reservation: Reservation): Observable<any> {
return this.db.list(`${this.basePath}/${this.uid}`).push(reservation);

}

Answer 1

我很乐意推荐 Maximilian Schwarzmüller 关于 Udemy 的类(class) "Angular 4 (formerly Angular 2) - The Complete Guide" .
这个史诗般的类(class)涵盖了整个 Angular 生态系统，他(就在上周)在 NgRx 上发布了一个“奖励类(class)”，他正在与 Firebase 后端集成，而不使用 angularfire2。

就像问 Max 一个问题时通常的情况一样，结果是我重新思考了自己的假设。现在我要问为什么我选择在已经毛茸茸的堆栈中添加像 angularfire2 这样的依赖项？

想一想——NgRx 的 promise (至少在我看来)是将你的服务层和业务逻辑的很大一部分(希望是全部)从你的存储中移出。在这个范例中，我不确定 angularfire2 会给聚会带来多少。

我在整合 angularfire2 和 NgRx v4 时遇到了困难，而且像你一样，我一直无法找到让它们玩得很好的人。

我认为现在我将带头 Max 并避免对 angularfire2 的依赖，直到我有相当复杂的代码在纯 HTML 基础上工作(仅 firebase)，然后我可以逐步引入 angularfire2 模块并查看是否有任何问题。