Firebase Firestore get（）が動作しない

Question

ngOnInit（）のget（）メソッドが気に入らない部分です。 "[ts]プロパティ 'get'がタイプ 'AngularFirestoreDocument < {}>'に存在しません。 ここでは、1つのドキュメントにget（）メソッドを使用するように表示されていますが、そのメソッドは私にとっては好きではありませんか？

import { Component, OnInit, Pipe } from '@angular/core'; 
import { FormBuilder, FormGroup, Validators } from '@angular/forms'; 
import { Router, ActivatedRoute } from '@angular/router'; 

import { AngularFirestore, AngularFirestoreCollection, AngularFirestoreDocument } from 'angularfire2/firestore'; 
import { Observable } from 'rxjs/Observable'; 
import 'rxjs/add/operator/map'; 

import { User } from './user'; 

@Component({ 
    selector: 'user-form', 
    templateUrl: 'user-form.component.html' 
}) 
export class UserFormComponent implements OnInit { 
form: FormGroup; 
title: string; 
user = new User(); 
id; 
userDoc: AngularFirestoreDocument<User>; 
singleUser: Observable<User>;  

constructor(fb: FormBuilder, private afs: AngularFirestore, private _router: Router, private _route: ActivatedRoute) { 

    // 
    this.form = fb.group({ 
     //username: ['', Validators.required], 
     email: ['', Validators.required], 
     title: ['', Validators.required] 
    }) 



} 

ngOnInit() { 
    this.title = "Update User"; 

    this._route.params.subscribe(params => { 
     this.id = params["id"]; 
    }); 

    if(!this.id) { 
     console.log("New User"); 
    } 
    else { 


     this.afs.collection("users").doc(this.id) 
     .get().then(function(doc) { 
      if (doc.exists) { 
       console.log("Document data:", doc.data()); 
      } else { 
       console.log("No such document!"); 
      } 
     }).catch(function(error) { 
      console.log("Error getting document:", error); 
     }); 


    } 

} 

// 
submit() { 
    console.log(this.user.title + " - " + this.user.email); 

    if (this.id) { 
     this.afs.doc('users/' + this.id).update({ 
      title: this.user.title, 
      email: this.user.email 
     }); ;              
    } 
    else{    
     this.afs.collection('users').add({ 
      name: this.user.title, 
      email: this.user.email 
     });       
    } 

    this._router.navigate(['']); 
} 

}

Answer 1

実は、AngularFirestoreDocument<{}>はget性質を持って、代わりに 使用AngularFirestoreDocument<{}>.refしません：

this.afs.collection("users") 
      .doc(this.id) 
      .ref 
      .get().then(function(doc) { 
       if (doc.exists) { 
        console.log("Document data:", doc.data()); 
       } else { 
        console.log("No such document!"); 
       } 
      }).catch(function(error) { 
       console.log("Error getting document:", error); 
      }); 

Answer 2

あなたは角度火を使っているので、構文は次のとおりです。以下：

this.afs.collection("users").doc(this.id).valueChanges(user => { 
    console.log(user); 
}); 

ここにドキュメントを読む：https://github.com/angular/angularfire2