Obteniendo records desde Firebase

Me funcionó el componente lugares de esta forma:

export class LugaresComponent {
  title: string = 'PlatziSquare';
  lat: number = 4.6560716;
  lng: number = -74.0595918;
  lugares = null;

  constructor(private lugaresService: LugaresService) {
    this.lugaresService.getLugares()
      .valueChanges()
      .subscribe(lugares => {
        this.lugares = lugares;
      });
  }
}

Hola!!
Dejo aquí el código de como me funciono. No se si será de la mejor forma, pero funciona!!

1. En lugares.component.ts

import { LugaresService } from './../services/lugares.service';
import { Component } from '@angular/core';

@Component({
  selector: 'app-lugares',
  templateUrl: './lugares.component.html',
  styleUrls: ['./lugares.component.css']
})
export class LugaresComponent {
  title = 'PlatziSquare';
  
  lat: number = -33.721737;
  lng: number = -70.73770440;

  lugares=null;
  constructor(private lugaresService:LugaresService){
    this.lugares = lugaresService.getLugares();
  }
}

1. En lugares.component.html

<agm-map [latitude]="lat" [longitude]="lng">
<agm-marker [latitude]="lat" [longitude]="lng"></agm-marker>
</agm-map>

<hr>

<div class="container">
<div class="row">
    <div class="col-md-8">
    <h2>Lugares Cercanos</h2>
    <a class="btn btn-primary" routerLink="/crear">Crear Nuevo Negocio</a>
    <ul class="list-group">
        <ng-container *ngFor="let lugar of lugares">
        <a routerLink="/detalle/{{lugar.id}}" [queryParams]="{action:'view',referer:'google'}">
					<li class="list-group-item">{{lugar.nombre}}</li>
				</a>
        </ng-container>
    </ul>
    </div>
    <div>
    <h2>Destacados</h2>
    </div>
</div>
</div>

1. En lugares.service.ts

import {Injectable} from "@angular/core";
import { AngularFirestore} from "@angular/fire/firestore";

@Injectable()
export class LugaresService{
 lugares:any=[];
 i:number=0;
 constructor(private afDB:AngularFirestore){}

 public getLugares(){
        this.i=0;
        this.afDB.firestore.collection('lugares').get()
        .then((snapshot) => {
            snapshot.forEach((doc) => {
                this.lugares[this.i++]=doc.data();                
            });
        })
        .catch((err) => {
            console.log('Error getting documents', err);
        });
      return this.lugares;
    }

    public buscarLugar(id){
        return this.lugares.filter((lugar) => { return lugar.id == id }) [0] || null;
    }

    public guardarLugar(lugar){
        this.afDB.collection('lugares').doc(''+lugar.id).set(lugar);
    };
}

Espero que sea de ayuda!! Gracias!!

Haciendo lo mismo que la guía del curso solo que en lugares.services.ts, lo coloque así , porque sino me daba un error que AngularFIRE Property ‘subscribe’ does not exist on type …

<public getLugares(){
    return this.afDB.list('lugares/').valueChanges();
  }>

Ya está muy desactualizado, no puedo obtener los datos de firebase.

Como se puede colocar un automerico en firebase… 1,2,3,4,5…

public getLugares(){
    return this.afDB.collection('lugares/').valueChanges();
  }```

Hola buenas noches
Como obtengo un solo registro no he podido hacer

La comunidad de este curso es una de las mejores. Solucionan problemas.

Lo bueno de esa api de Firebase, que uno no hace el tradicional método conectar y desconectar de Base de datos ella hace todo eso y pues reponde super rápido, abria que probar con mayor cantidad de registro a ver que tal como funciona.

con angular 8

import { Injectable } from "@angular/core";
import { AngularFirestore } from "@angular/fire/firestore";

@Injectable()

export class PersonsService{
    persons:Array<Object> = [];
    
    constructor(private db:AngularFirestore){ }

    public getPersons(){
        return this.db.collection("persons").valueChanges();
    }

    public getPerson(id){
        return this.persons.filter( (person) => { return person["id"] == id })[0] || null;
    }

    public addPerson(person){
        console.error(person);
        return this.db.collection("persons").add(person);
    }
}

buenas clases

Funciona bien todo menos lugar.components.ts , el codigo ahi tira error.

this.afDB.collection(‘lugares’).doc(stringify(lugar.id)).set(lugar); De esta forma mande el lugar id, por que si o si esperaba un string.

Lo que implemente fue pasar a string el atributo string : let id = Date.now().toString(); porque doc() recibe un string

Me funciono solo de esta manera, ya que me daba error el .subscribe

constructor(private LugaresService: LugaresService){
       // this.lugares= this.LugaresService.getLugares();
      LugaresService.getLugares().valueChanges().subscribe(lugares=>{
        this.lugares = lugares;

      })
    }

Me funciono de la siguiente forma
lugares.service.ts

import {  map } from 'rxjs/operators';

La funcion quedaria de esta manera

  public getLugares(){    
    return this.afdb.collection('lugares/').snapshotChanges()
                    .pipe ( 
                          map( docData => {
                           return  docData.map( doc =>{
                              return {
                                id: doc.payload.doc.id,
                                active: doc.payload.doc['active'] ? doc.payload.doc['active'] :true,
                                ...doc.payload.doc.data()                                
                              }
                            })                          
                          })
                          )
  }

lugares.component.ts

  lugares: any[] = []
  constructor(
    public LugaresService:LugaresService
  ) { 
    this.LugaresService.getLugares()
    .subscribe(
      (coleccion : any[] ) =>{        
        this.lugares = coleccion        
      }
    );
  }

no logro que me funcione el metodo suscribe

Por favor, si pueden aportar como se usa el método observer desde la versión 10 que está en el momento que hago este curso…
Gracias!