Firestore：检索单个文档答案

【问题标题】：Firestore : Retrieve a single documentFirestore：检索单个文档
【发布时间】：2018-04-21 09:30:42
【问题描述】：

我想从 Firestore 中检索单个文档。所以我不是指集合中的文档列表（我知道该怎么做）。假设我知道文档的一个键值对，我想在 Angular 4 中找到并检索文档。

interface Occupations {
	duration: number;
	id_entity: number;
	id_job: number;
	id_user: number;
	salary: number;
	start_time: number;
}

occupationDoc:AngularFirestoreDocument<Occupations>;
occupation: Observable<Occupations>;

<h1>A specific post:</h1>

  <h3>{{ (occupation | async)?.salary }}</h3>
  <p>{{ (occupation | async)?.id_user }}</p> 
  <p>{{ (occupation | async)?.duration }}</p> 
  <p>{{ (user | async)?.lastName }}</p>

【问题讨论】：

标签： javascript angular rxjs google-cloud-firestore angularfire5

【解决方案1】：

使用flatmap返回单个文档数据：

首先导入 .flatMap() 属性。

import { AngularFirestore } from 'angularfire2/firestore';
import 'rxjs/add/operator/mergeMap';

然后查询您的集合并将其限制为 1 个文档：

this.afs.collection('collection', ref => ref.where('value', '==', true) 
.limit(1)).valueChanges().flatMap(result => result);

然后你可以订阅它，它会返回扁平化的 json 而不是数组。

编辑：

你可以这样做直接在你的html中使用它：

this.userInfo = this.afs.collection('collection', ref => ref.where('value', 
'==', true).limit(1)).valueChanges().flatMap(result => result);

在html代码中：

<p>{{ (userInfo | async)?.duration }}</p>

【讨论】：

非常感谢！！！我正是这样做的。加上其他一些步骤来到达我想要的地方。我将在新答案中发布完整代码。
你可以直接使用异步管道来解析结果。 {{ (variable | async)?.duration }}
不是我在原始问题中所做的吗？或者你在想别的东西
刚刚编辑的答案向您展示了我的意思。您不必在组件内执行订阅部分和 json 字符串化。
好的，我明白了！谢谢

【解决方案2】：

这是我想出的解决方案：

//HTML
{{userInfo}}

//TypeScript
this.afs.collection('Occupations',
ref => ref.where('id_user', '==', this.idAuth)  
.limit(1))
.valueChanges()
.flatMap(result => result)
.subscribe(
    v => {
        let y = JSON.parse(JSON.stringify(v));
        this.userInfo = y.duration;                 
    }, 
    (error) => {
             console.log(error);
    }, () => {
        console.log('Finished');
    });

【讨论】：