Stack Overflow en español

12:26 AM

    :54548528
    var aﾠ = 1;
    var a = 2;
    var ﾠa = 3;
    if(aﾠ==1 && a== 2 &&ﾠa==3) {
        console.log("Why hello there!")
    }
c mamut

Miguel Gallo

12:44 AM

Hola

alguien por aqui que haya utilizado firebase

JackNavaRow

3:01 AM

@MiguelGallo iop

Miguel Gallo

hola

con angular?

@jack

@JackNavaRow

JackNavaRow

sip

Miguel Gallo

puedes ayudarme por favor?

te lo agradeceria bastante

@jack

JackNavaRow

te recomiendo mejorar tu pregunta tienes solo imagenes

que quieres saber de firebase

Miguel Gallo

disculpa no me podria comunicar contigo por whatsapp y asi enviarte mpas información?

por aqui no puedo mandar imagen

JackNavaRow

3:03 AM

y el repo git_

lo siento no dare mi numero

Miguel Gallo

import {Component} from '@angular/core';
import {AngularFireDatabase} from '@angular/fire/database';
import { Observable } from 'rxjs/internal/Observable';

@Component({
selector: 'app-root',
templateUrl: './app.component.html',
styleUrls: ['./app.component.scss']
})

export class AppComponent {

items: Observable<any[]>;

constructor(private db: AngularFireDatabase) {
this.items = db.list('marketplace-everis').valueChanges();

}

}

JackNavaRow

pero que quieres saber

Miguel Gallo

ahi estoy llamando a la BASE DE DATOS

JackNavaRow

por recomendacion trata de cambiar nombre de las colecciones

Miguel Gallo

EN FIREBASE ESTA COMO REAL DATA TIME

JackNavaRow

3:06 AM

en realidad alli no llamas a la base de datos

en el archivo inicial defines tu db

y otras cosas

en este caso marketplace es una coleccion

Miguel Gallo

y en otro componente tengo lo siguiente

@Component({
selector: 'app-uicomponents',
templateUrl: './uicomponents.component.html',
styleUrls: ['./uicomponents.component.css'],
changeDetection: ChangeDetectionStrategy.OnPush
})
export class UIcomponentsComponent implements OnInit {
public menuData: IMenu[];
public searchForm: FormGroup;

constructor(private http: HttpClient, private cd: ChangeDetectorRef, private db: AngularFireDatabase ) {
// Get a reference to the database service

}
ngOnInit(): void {
this.initForm();
/* this.http.get('db').subscribe((response: IMenu[]) => {

el codigo que esta comentado ahi obtenia un JSON que tenia en local , lo mostraba y lo podia filtrar con ese codigo que esta comentado

ahora lo que quiero hacer el mismo mostrar y filtrar la información de toda la base de datos

de firebase pero no se como hacerlo

JackNavaRow

@MiguelGallo filtrar informacion de toda la base de datos?

en una base de datos tienes muchas colecciones

en modelo SQL la llamamos tablas

en base de datos NoSQL pueden ser colecciones o key data o cualquier cosa

Miguel Gallo

{
"0" : {
"attributtes" : [ {
"default-value" : "https://sevenkingdoms-stg.interbankcloud.pe/assets/img/avatar/NO_CLIENTE_MASCULINO.png",
"description" : "Valor de recurso de la imagen",
"name" : "image",
"type" : "string"
}, {
"default-value" : "Image",
"description" : "Etiqueta referencial de la imagen",
"name" : "imagealt",
"type" : "string"
} ],
"description" : "Representa un avatar configurable",
"name" : "Avatar",
"tag" : "ibk-avatar",
"type" : "atomo"
},
"1" : {
"attributtes" : [ {
"default-value" : "7",

esa es parte de la información que esta en firebase

por ejemplo quiero obtener el name de cada uno mostrarlo y poderlo filtrar

pero no se como empezar a utilizar la base de datos y utilizarlo en el componente como quiero

JackNavaRow

bueno... depende como guardes en tu coleccion

ese objeto es un registro en tu coleccion?

Miguel Gallo

si

es parte de la colección

JackNavaRow

3:11 AM

bueno lo ideal es que sea n registros

Miguel Gallo

que esta en firebase

JackNavaRow

para que puedas filtrar si vas a tener un solo dato para que preocuparte de firebase

Miguel Gallo

primero deseo mostrarlo

en la aplicación angular

y no se como inicializar la BD y que muestre los NAME de toda esa colección

te envie dos componentes uno donde esta el THIS.DB

y en el otro donde quiero poner la lógica y mostrar loque quiero

JackNavaRow

firebase.google.com/docs/database/web/…

Miguel Gallo

import {Component} from '@angular/core';
import {AngularFireDatabase} from '@angular/fire/database';
import { Observable } from 'rxjs/internal/Observable';

@Component({
selector: 'app-root',
templateUrl: './app.component.html',
styleUrls: ['./app.component.scss']
})

export class AppComponent {

items: Observable<any[]>;

constructor(private db: AngularFireDatabase) {
this.items = db.list('marketplace-everis').valueChanges();

}

}

ahi ya estoy obteniendo toda la base de datos???

como hago para poder mostrarlo en el otro componente

JackNavaRow

3:14 AM

no es la base de datos

voy de nuevo

para la base de datos db estas buscando todos los datos de la coleccion marketplace-everis

y lo que quieres es como filtrar datos en una coleccion firebase

si buscas asi en google tendria mas ayuda

mira

06 Angular & Firebase: Implementar un filtro al mostrar una lista

►

Miguel Gallo

justo intente con ese video y no me funcionó :/

creo que si observarias mi pantalla podrias ver mayor información , si deseas conectate a mi maquina

JackNavaRow

no

dejame explicarte mejor

porque no estas viendo el error que tienes

en primer lugar tienes que tu valor es un observable

Miguel Gallo

si por favor estoy con esto todo el dia :/

JackNavaRow

primero items: Observable<any[]>;

esto deberia ser items: FirebaseListObservable<any[]>;

Miguel Gallo

entonces no deberia ser observable deberia ser FirebaseListObservable

ok

JackNavaRow

3:23 AM

this.items = db.list('marketplace-everis' ,  {
}) as  FirebaseListObservable<any[]>;

Miguel Gallo

ok

export class AppComponent {

items: FirebaseListObservable<any[]>;

constructor(private db: AngularFireDatabase) {
this.items = db.list('marketplace-everis' , {}) as FirebaseListObservable<any[]>;

}

}

JackNavaRow

mira encontre un repo

github.com/nicoavila/tutorial-angular-firestore

medium.com/angular-chile/angular-6-y-firestore-b7f270adcc96

te explico mejor

ya tienes el observable ahora te falta asignarlo

Miguel Gallo

si por favor explicame

me sale este error en el {} que esta al lado de 'marketplace-everis'

Argument of type '{}' is not assignable to parameter of type 'QueryFn'.
Type '{}' provides no match for the signature '(ref: Reference): Query'.ts(2345

JackNavaRow

db.list('marketplace-everis' ,  {
}).subscribe((itemsSnapShot) => {
      this.items = [];
      itemsSnapShot.forEach((data: any) => {
        this.items.push(data=
      });
    });
  }

mira si quieres seguimos mañana ando medio dormido

Miguel Gallo

ese codigo debe ir aqui?

export class AppComponent {

items: FirebaseListObservable<any[]>;

constructor(private db: AngularFireDatabase) {
this.items = db.list('marketplace-everis' , {}) as FirebaseListObservable<any[]>;

}

}

JackNavaRow

3:33 AM

si

guiate con el codigo que te envie cualquier cosa me haces un ping

pero lo leere mañana

Miguel Gallo

no te preocupes

luego que deberia realizar? ya tendria que avanzar en el otro componente para mostrarlo?