带有firebase的angular2中的承诺

Question

谁能解释一下如何在 Angular2 和 Firebase 中正确实现 promise。

我读过一些文章，例如https://www.firebase.com/blog/2016-01-21-keeping-our-promises.html

在我的 app.component.ts 文件中我有这个

export class AppComponent{
    players: Player[];

    constructor(private _playerService: PlayerService){}

    getPlayers(){
        this._playerService.getPlayers().then(res => this.players = res);
    }

    ngOnInit(){
        this.getPlayers();
    }
}

在 player.service.ts 文件中我有这个

getPlayers() {
    this.playersRef.once('value', function (snap){
        return snap.val();
    });
}

我总是得到 TypeError: this._playerService.getPlayers(...) is undefined

我也按照上面文章的建议尝试了这个

getPlayers() {
    var data;
    this.playersRef.once('value').then( function (snap){
        data = snap.val();
    });
    return data;
}

但后来我得到了这个：错误：Query.once failed: was called with 1 argument.预计至少 2. in [null]

我不确定这篇文章如何使用 .once('value').then()

Answer 1

出现问题是因为您尝试使用.then 而不是未使用promise 的方法。基本上错过了从getPlayers 方法返回promise，您应该从那里返回promise 以使用.then 方法对其执行promise 链接。

也不要使用回调从它返回值（因为回调不能从它返回任何东西），使用.then函数而不是.once，这样你就可以扩展承诺链并能够返回数据正确。

代码

getPlayers() {
    //returned promise here
    return this.playersRef.once('value').then((snap) => {
        return snap.val();
    });
}