DEV Community

How To Make A Realtime App With Angular And Firestore (AngularFire)

Pato on December 11, 2019

In this tutorial, I'm going to show you how to use Firestore which is a realtime database from Firebase with Angular. We are going to make use of...
Collapse
 
helleeni profile image
Helleeni • Edited

Great example project! I am a total beginner with Angular but managed to get it work!

Only needed couple of minor changes to make it work.
1) added (in places-form.coponent.ts)
@Component({
selector: 'app-places-form',
templateUrl: './places-form.component.html',
styleUrls: ['./places-form.component.scss']
})

and 2) fixed line ( in places.service.ts)
return { id, ...(place.data() as {})} as Place;

Collapse
 
devpato profile image
Pato

Yeah sorry in the places-form.component I assumed people had that code when generatic the component with the cli and i was trying to not show code that wasnt' necessary for the tutorial :) Thanks for the feedbackl

Collapse
 
thorstenhirsch profile image
Thorsten Hirsch

Great tutorial, Pato! I am learning so much from it! Please add more.