AngularFire2의 클래스 : $ key를 처리하는 방법

Question

현재 첫 번째 AngularFire2 앱에서 작업하고 있습니다. firebase에서 내 구조와 일치하는 Typescript 클래스가 있습니다. 것이 때문에 생성자에 문자열 : 난 그냥 공개 키를 추가 할 수 없습니다 내 플레이어 객체의 playerkey를 원하는 경우

내 중포 기지 구조

-players 
|-playerkey 
    |-name 

내 클래스는

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

입니다 모든 플레이어 개체를 firebase에 밀어 넣지 못하게하십시오.

내 자신의 클래스와 개체에 AngularFire2를 사용하는 적절한 방법이 있습니까?

FirebaseObjectObservable을 사용하여 서비스간에 플레이어 개체를 전달해야합니까? 내가 아는 한, 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(); 
}