'Promise' 不可分配给类型'Model' - Angular2 / Firebase

Question

我的服务中有以下方法，它从 Firebase 返回一条与传入的 bugId 匹配的记录：

// 请注意，它位于 bugservice.ts 中

   getBug(bugId: string): Promise<Bug> {

    return this.bugsDbRef
        .child(bugId)
        .once('value')
        .then(snapshot => {
            const bugInfo = snapshot.val() as Bug;
            bugInfo.id = snapshot.key;
        }) as Promise<Bug>;
}

在我的 bugDetail 组件中，我将上述服务注入到我的 bugDetail 组件中，然后调用上述方法，如下所示：

export class BugDetailComponent implements OnInit, OnDestroy {

private subscription: Subscription;

private bugDetail: Bug = new Bug(null,null,null,null,null,null,null,null,null); // Trying to populate from Service Call i.e getBug    
private bugId: string; // Come from URL

constructor(private bugService: BugService, private activatedRoute: ActivatedRoute) { }

ngOnInit() {
    this.configureForm();

    this.subscription = this.activatedRoute.params.subscribe(
        (param: any) => {
            this.bugId = param['id'];
        });

    const t = this.bugService.getBug(this.bugId);

    console.log(t);

}
}

但是，当我使用 console.log 时，控制台中会显示以下内容：

当我删除 t 并将其替换为

this.bugDetail = this.bugService.getBug(this.bugId);

我得到的错误信息是：

类型“Promise”不可分配给类型“Bug”。 “Promise”类型中缺少属性“id”。

有人可以向我解释如何访问从 BugDetail 组件中的服务检索到的错误详细信息吗？

Answer 1

getBug 返回一个 Promise<Bug> - 这是一个将解析为 Bug 值的承诺。 Promise 异步解析，解析后的值可用于传递给 Promise 的 then 方法的函数。这是您访问解析值的唯一方法。

你可以分配给this.bugDetail，像这样：

this.bugService
    .getBug(this.bugId)
    .then(bug => { this.bugDetail = bug; });

您可能想阅读JavaScript Promises: an Introduction。