从服务返回承诺到组件

Question

如何将 documentId 作为结果从 websiteService.createWebsite 返回到 onConfirmButtonClick：

  onConfirmButtonClick() {
    this.websiteService.createWebsite(this.websiteName).then(result => {
      if(result) {
        console.log(result);
        this.toastrService.success('Your website has been created.');
      }
    });
  }

在我的网站服务中：

  createWebsite(name) {
    this.afs.collection('websites', (ref) => ref.where('name', '==', name)
      .limit(1))
      .get()
      .subscribe(websites => {
        if (websites.size == 0) {
          const documentId = this.afs.createId();
          this.afs.doc(`websites/${ documentId }`).set({ name: name });
          return documentId;
        }
      });
  }

Answer 1

您只是在 createWebsite 函数中缺少一些 return 语句。

类似这样的：

  createWebsite(name) {
    return this.afs.collection('websites', (ref) => ref.where('name', '==', name)
      .limit(1))
      .get()
      .subscribe(websites => {
        if (websites.size == 0) {
          const documentId = this.afs.createId();
          return documentId;
        }
      });
  }

加上这两个return 语句，documentId 将冒泡，并从createWebsite 返回，然后调用代码的then() 块可以将其拾取。