Доступ к значениям из Firebase в компоненте в Angular

Question

У меня есть документы пользователей с разделенными именем и фамилией.Мне нужен доступ к ним в компоненте, а затем объединить их, чтобы я мог сохранить все имя в другой коллекции.До сих пор я нашел только битый или устаревший код из устаревших версий.https://github.com/angular/angularfire2/blob/master/docs/firestore/documents.md И с этим кодом я не получаю доступ в компоненте.Как сохранить значения в переменных в компоненте, чтобы я мог их использовать?

export interface user {
 first_name: string;
 last_name: string;
}
export class UserComponent {

 userCollection: AngularFirestoreCollection<user>;
 firstname: string;
 lastname: string;

 constructor(private afs: AngularFirestore) {
    this.userCollection.doc(this.user).ref.get().then(function(doc) {
    console.log(doc.data());
    *MISSING CODE*
    console.log(this.firstname, this.lastname);
  }
 }

Какие .get или .ref, payload, doc.data () или .pipe мне нужно использовать сейчас, чтобысохранить данные из firebase в этих 2 переменных «имя» и «фамилия», чтобы я мог работать с ними в компоненте?Я получаю весь объект в консоли, но не каждую переменную отдельно.Мне потребовалось 4 дня, чтобы выяснить, что «.get ()» в FirestoreCollections работает, только когда я помещаю «.ref» перед ним, и если кто-то может помочь мне быстрее найти эту информацию, это будет очень признательно.

Answer 1

Поскольку данные получают, вы можете назначить их следующим образом:

 constructor(private afs: AngularFirestore) {
    this.userCollection.doc(this.user).ref.get().then(function(doc) {
    this.firstname = doc.data().first_name;
    this.lastname = doc.data().last_name;    
    console.log(this.firstname, this.lastname);
}