The part it doesn't like is the get() method in ngOnInit(). Is says, "[ts] Property 'get' does not exist on type 'AngularFirestoreDocument<{}>'."
I looked here: https://firebase.google.com/docs/firestore/query-data/get-data and it shows to use get() method for a single doc, but it just doesn't like that method for me?
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(['']);
}
}
Actually,
AngularFirestoreDocument<{}>
doesn't haveget
property, useAngularFirestoreDocument<{}>.ref
instead:
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);
});