AngularFire2 中的类：如何处理 $key

Question

目前正在开发我的第一个 AngularFire2 应用程序。 我有与我在 firebase 中的结构相匹配的 Typescript 类。

我的火力基地结构

-players
 |-playerkey
   |-name

我的班级是

export class Player {
    constructor(public name: string) {}
}

如果我想要我的播放器对象中的 playerkey，我不能只将 public key:string 添加到构造函数，因为这会阻止我将任何播放器对象推送到 firebase。

是否有任何适当的方法可以将 AngularFire2 与我自己的类和对象一起使用？

我是否应该始终使用 FirebaseObjectObservable 在服务之间传递我的 playerobject？据我所知，我自己无法创建 FirebaseObjectObservable。我必须从火力基地得到它。

Answer 1

你可以这样做：

player.ts

export class Player {
    constructor(public $key: string, public name: string) {
    }

    static fromJson({ $key, name }) {
        return new Player($key, name);
    }

    static fromJsonArray(json: any[]): Player[] {
        return json.map(Player.fromJson);
    }
}

获取所有具有播放器实例的播放器。

playerService.ts

import { Injectable } from "@angular/core";
import { Observable } from "rxjs";
import { AngularFireDatabase } from 'angularfire2';
import { Player } from 'path/to/player.ts'

@Injectable()
export class playerService {
    constructor(private afd: AngularFireDatabase) {}

    getPlayers(): Observable<Player[]> {
        return this.afd.list(`players`).map(Player.fromJsonArray);
    }

    savePlayer(player: Player): Observable<any> {
        // your code to save a player
    }
}

在你的组件中添加这个方法

yourComponent.ts

savePlayer(name: string) {
    let player = Player.fromJson({ name: name });
    delete player.$key;

    this.playerService().savePlayer(player).subscribe();
}