The issue arises with the get() method in ngOnInit(). The error message states, "[ts] Property 'get' does not exist on type 'AngularFirestoreDocument<{}>'."
I researched here: https://firebase.google.com/docs/firestore/query-data/get-data and it recommends using the get() method for a single document, but I am encountering difficulties with that method.
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(['']);
}
}