0

Cuando quiero listar desde firebase me sale este error, la conexion con direbase, si esta funcionando, puedo registrar y loguearme con el mismo

En Consola si devuelve los datos

--En Consola--

(2) [{…}, {…}]

0

: 

{ano: '2022', descripcion: 'Descripcion Lorem', nombre: 'CISCO', id: 'Cnrbg6KNM015Ww321m1x'}

1

: 

{descripcion: 'JAVA', nombre: 'Desc', ano: '2022', id: 'mAgE6VfjZCczMWXoxXTF'}

pero cuando lo quiero listar sale error

<div *ngFor="let item of estudios ">
  <p>{{ item.nombre }}</p>
</div>

estudios.component.html:24 NG0303: Can't bind to 'ngForOf' since it isn't a known property of 'div' (used in the 'EstudiosComponent' component template).

Si lo hago asi si aparece la informacion

<p>{{ estudios[0].nombre }}</p>

--estudios.component.ts--

ngOnInit(): void {
    this.estudioService.getEstudios().subscribe((estudios) => {
      console.log(estudios);
      this.estudios = estudios;
    });
  }  


--estudio.service.ts--
 getEstudios(): Observable<Estudio[]> {
    const placeRef = collection(this.firestore, 'estudios');
    return collectionData(placeRef, { idField: 'id' }) as Observable<Estudio[]>;
  } 
--estudio.ts Interface--
 export interface Estudio {
  id?: string;
  ano: string;
  nombre: string;
  descripcion: string;
} 

1 respuesta 1

0

Tienes que añadir el módulo BrowserModule a tu aplicación:

import { BrowserModule } from '@angular/platform-browser';

...

@NgModule({
  declarations: [
    ...
  ],
  imports: [
    BrowserModule,
    ...
  ],
  providers: [],
  bootstrap: [...]
})
export class AppModule { }
3
  • Si lo tengo en app.modules.ts el 7 dic. 2022 a las 16:08
  • ¿Tienes varios módulos? el 7 dic. 2022 a las 16:26
  • Si,uso un ngfor para consumir una api y si carga., Pero es una estructura basica el 7 dic. 2022 a las 19:35

Tu Respuesta

Al pulsar en “Publica tu respuesta”, muestras tu consentimiento a nuestros términos de servicio, política de privacidad y política de cookies

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.