Orlando Jesús Pereira Fernández
La verdad estoy decepcionado de este curso, Eduardo se centra es unicamente en hacer y no en explicar. No usa ni siquiera la consola para generar los componentes, trabaja en espanglish (son cosas que a muchos no les importa pero de alli uno observa la calidad del profesor).
Mi recomendacion, tengan mas ganas de explicar lo que se hace. Decir el porque de las cosas, no solo hacer y ya. Este curso debe mejorar DEMASIADO.
Víctor Hugo Rivas Sánchez
Mi solución para retornar lugares:
this.lugaresService.getLugares() .subscribe(lugares => this.lugares = Object.values(lugares));
Jose Pech
Tu solución me funcionó! Gracias
Kevin Andres Orjuela
Se puede usar el metodo values de Object
Object.values(lugares)
Este retorna un arreglo con los valore del objecto.
Mx Cst
Excelente, funcionó para mi, gracias :)
Carlos Aguilera Aguilera Farfan
Buenas, por favor alguien me podría explicar bien que un subscribe?
Diego Forero
Team PlatziEs la forma de suscribirse o recibir la actualización de datos de un observable (colección de datos), puedes pensar en observable como si fuera un newsletter y un subscribe el hecho de suscribirte a recibir este newsletter.
Carlos Aguilera Aguilera Farfan
Claro,ya entendí, muchas gracias por tu respuesta.
Jesus David Mendez Coronell
Guardar por metodo Post definitvamente no me funcionó, no me sale ningun error pero tampoco guarda el registro, sin embargo obtener los datos por metodo Get si me funcionó,
Y en la parte de convertir un objeto a un array use el codigo de un compañero de abajo y me sirvió de maravilla
this.lugares = Object.keys(this.lugares).map((key) => this.lugares[key]);
Joaquin Gomez Bentancourt
Wilson Alejandro Gonzalez Gaitan
No te funciona porque falta que implementes el suscribe en el metodo create
Jesus Sandrea
Diego Forero
Team PlatziRevisa que no tengas un error de digitación en la definición de las rutas, ya que no encuentra la ruta crear
Enrique Ortuno
Este tipo de transformaciones tienden a convertirse en un cuello de botella en programas 'reales' de produccion, lo que yo recomiendo es buscar que la API te retorne los datos en el formato acorde a tu UI, de no ser posible usar los datos con un proceso de transformacion ligero. realmente no se que tan ligero es keys y map. Otro problema que agrava mas aun estas situaciones es que los desarrolladores tienen a llamar todo el contenido de la BD
MA MateriaGris01
también se puede parsear el Object a Array de esta forma :
.subscribe(lugares => { this.misLugares = Object.values(lugares); });```
Raul Castillo
Funciona en A6, Gracias.
Alexis Méndez Méndez
Usuario anónimo
UserMe quedo con Sockets ahora por la optimizan que tiene con respecto a Http.
veronica oviedo
tengo un error que quiero revisar con el codigo del maestro porque ya tengo horas busncadole .. y ho sorpresa no esta este codigo ni en esta clase ni en las venideras.Que frustante la verdad!
Maria de los Angeles Silva Gutierrez
Que problema te presenta en tu código
Maria de los Angeles Silva Gutierrez
Muy util poder implementar el metodo Get para recibir los datos de Firebase. lugares.service.ts public getLugares(){
//Metodo Get return this.http.get(this.API_ENDPOINT+'/lugares.json');
}
lugares.component.ts constructor(private lugaresService: LugaresService){ lugaresService.getLugares().subscribe(lugares =>{ this.lugares = lugares.json(); var me = this; me.lugares = Object.keys(me.lugares).map(function (key) { return me.lugares [key]; }); debugger; // para ver si llega el array }); }
José Alfonso Vargas Cruz
Pude resolverlo asi:
lugaresService.getLugares() .subscribe(lugares => { const result = lugares.json(); this.lugares = Object.values(result); });
Carlos Uriel de Jesus Sánchez González
lugaresservice.getLugar().subscribe(lugar => { //debugger; this.lugar = lugar; var me = this; this.lugar = Object.keys(me.lugar).map((key) => me.lugar[key]); $.each(this.lugar, function(index, value){ if(value.id == me.id){ me.lugar = value; } }); console.log(me.lugar); }, (error) =>{ this.errorText = "Lo sentimos hubo una excepción, excepción: " + error.errorText; });
Edgar Moises Valdez Faria
Creo que esto también debería funcionar:
lugaresService.getLugares() .map(lugares => lugares.json()) .subscribe(lugares => { this.lugares = Object.keys(this.lugares).map((key) => this.lugares[key]); });
Andres Alvarez
el metodo de editarLugar se puede hacer tambien se puede por HTTP o solo de puede por database ?
Raul Castillo
También se puede realizar en lugar de POST se utiliza PUT
Armando Zabala
Este video no es…
Kath Sánchez
ProfesorMuchas gracias por reportarlo, ya quedó corregido 😃
javier alejandro segovia
Si yo quiero acceder una api publica de un E-commerce. Mostrando busqueda,imagenes,texti, etc.
Sirve este metodo que usaste con firebase, para acceder api externas.
Eduardo de la Cruz Ibarra
ProfesorEn este caso accederías directamente al API del e-commerce, sin necesidad de pasar por Firebase. Usando Http puedes lograrlo.
Darwel Duran
Se puede usar la solución explicada en clase pero con la diferencia de un arrow funtion en lugar de function esto inyecta el contexto y no da problemas
this.lugares= Object.keys(obj).map( (key) => { return obj[key]; });
**Hola mi código POST **
const headers = new HttpHeaders({"Content-Type":"Application/json"}); return this.http.post(this.API_ENDPOINT+"/luganes.json",lugar,{headers:headers}).subscribe();
Yo tuve unos problemas de permisos con firebase. lo solucione entrando en la web de firebase > Consola > Database
Asignando tipo Realtime Databe y en reglas asigne el valor true en read y write.
Tengo un error y es que no me itera los negocios, me los muestra en blanco. y cuando les doy click me aparece el siguiente error:
core.js:1350 ERROR Error: Uncaught (in promise): Error: Cannot match any routes. URL Segment: 'crear' Error: Cannot match any routes. URL Segment: 'crear' at ApplyRedirects.noMatchError (router.js:1698) at CatchSubscriber.eval [as selector] (router.js:1663) at CatchSubscriber.error (catchError.js:105) at MapSubscriber.Subscriber._error (Subscriber.js:130) at MapSubscriber.Subscriber.error (Subscriber.js:104) at MapSubscriber.Subscriber._error (Subscriber.js:130) at MapSubscriber.Subscriber.error (Subscriber.js:104) at MapSubscriber.Subscriber._error (Subscriber.js:130) at MapSubscriber.Subscriber.error (Subscriber.js:104) at LastSubscriber.Subscriber._error (Subscriber.js:130) at ApplyRedirects.noMatchError (router.js:1698) at CatchSubscriber.eval [as selector] (router.js:1663) at CatchSubscriber.error (catchError.js:105) at MapSubscriber.Subscriber._error (Subscriber.js:130) at MapSubscriber.Subscriber.error (Subscriber.js:104) at MapSubscriber.Subscriber._error (Subscriber.js:130) at MapSubscriber.Subscriber.error (Subscriber.js:104) at MapSubscriber.Subscriber._error (Subscriber.js:130) at MapSubscriber.Subscriber.error (Subscriber.js:104) at LastSubscriber.Subscriber._error (Subscriber.js:130) at resolvePromise (zone.js:824) at resolvePromise (zone.js:795) at eval (zone.js:873) at ZoneDelegate.invokeTask (zone.js:425) at Object.onInvokeTask (core.js:4620) at ZoneDelegate.invokeTask (zone.js:424) at Zone.runTask (zone.js:192) at drainMicroTaskQueue (zone.js:602) at ZoneTask.invokeTask [as invoke] (zone.js:503) at invokeTask (zone.js:1540)
Helpp!!!
Acá el código para obtener el lugar por id en http
en services.ts
public getLugar(){ // return this.dbFireBase.object('lugares/' + id); return this.http.get(this.API_ENDPOINT + '/.json'). map((resultado) => { const data = resultado.json().lugares; return data; }); }
y en component.ts
constructor(private lugaresservice: LugaresService, private routes: ActivatedRoute){ this.id = this.routes.snapshot.params['id']; console.log(this.id); if(this.id != 'new'){ // lugaresservice.getLugar(this.id).subscribe((lugar) => { //debugger; // this.lugar = lugar; // }); lugaresservice.getLugar().subscribe(lugar => { //debugger; this.lugar = lugar; var me = this; this.lugar = Object.keys(me.lugar).map((key) => me.lugar[key]); $.each(this.lugar, function(index, value){ if(value.id == me.id){ me.lugar = value; } }); console.log(me.lugar); }, (error) =>{ this.errorText = "Lo sentimos hubo una excepción, excepción: " + error.errorText; }); } }
