Clase 25 de 36 • Curso Básico de Ionic 2018
Contenido del curso
Eliana Marcela Díaz Jiménez
Eliana Marcela Díaz Jiménez
Matias Cabido
Ricardo Chavarria
Christian Gonzalez
Christian Gonzalez
Juan Antonio Baracat
Francisco Manuel Velásquez Escobar
Irving Sarmiento
Francisco Manuel Velásquez Escobar
Jesus Sandrea
Diego Forero
Luis Fernando Niño Gonzalez
Víctor Manuel Sarmiento Cayuelas
Johan David Rodriguez
Matias Cabido
Diego Forero
David Luna
juan david jaramillo zuñiga
Daniel Altamar
Uziel Trujillo Colón
Pedro Roberto Capriles Morales
Pedro Roberto Capriles Morales
Jorge Hernandez Rozo
Luis Rodolfo Lara Espinoza
Luis Rodolfo Lara Espinoza
Carlos Uriel de Jesus Sánchez González
david.nieto
Juan Roa
Mario Alejandro Cortez Salinas
como puedo obtener una lista introduciendo una query o consultando todo en la lista donde un nodo sea igual a algo en especifico?
ya lo logre:
getdatosFiltro(filtro:string) {
return this.db.list(’/nodo/’, ref=> ref.orderByChild(‘nodoFiltro’).equalTo(filtro));
}
como haces cuando tenes que traer solo un registro??
public deleteLugar(lugar){ return this.afDB.database.ref('/lugares/'+ lugar.id).remove(); }
Me da un error en “place” como que no es reconocido esa palabra.
public editLugar(lugar) { return this.afDB.database.ref('/lugares/' + lugar.id).set(place); }
especificamente:
[ts] no se encuentra el nombre place
Esto fue un error del profesor, el parametro no es place es lugar, paso el código corregido
public editLugar(lugar) { return this.afDB.database.ref('/lugares/' + lugar.id).set(lugar); }
Cual es la diferencia entre un service y un provider?
Es exactamente lo mismo, solo que en ionic son llamados providers y Angular por si solo, los llama services, pero si has usado Angular y sus servicios, te darás cuenta que los colocas en el app.module.ts y dentro de los providers para ser usados en todo el proyecto
Super! Gracias Irving!
Cual es la diferencia entre provider y services? Tenia entendido que es lo mismo.
Como lo mencionas es lo mismo solo que Ionic y Angular los llaman diferentes para el primero son providers y para el segundo services.
Buena practica generar los servicios en archivos diferentes para poder hacer mantenimiento de codigo más facil
En los archivos de este video, hay una importación incorrecta en src/services/lugares.service.ts
import {AngularFireDatabase} from 'angularfire2/database/database';
lo correcto es:
import {AngularFireDatabase} from 'angularfire2/database';
para los que esten utilizando ionic 4
import { Injectable } from '@angular/core'; import { AngularFirestore, AngularFirestoreCollection } from 'angularfire2/firestore'; import { Observable } from 'rxjs'; import {map} from 'rxjs/operators';
export interface Lugar { task: string; priority: number; createdAt: number; }
@Injectable({ providedIn: 'root' })
export class LugaresService{
private lugaresCollection: AngularFirestoreCollection<Lugar> private lugares: Observable<Lugar[]>; constructor(public afDB : AngularFirestore){ this.lugaresCollection = afDB.collection<Lugar>('lugares'); this.lugares = this.lugaresCollection.snapshotChanges().pipe( map(actions => { return actions.map(a => { const data = a.payload.doc.data(); const id = a.payload.doc.id; return {id, ...data}; }); }) ); } getLugares(){ return this.lugares; } getLugar(id){ return this.lugaresCollection.doc<Lugar>(id).valueChanges(); } createLugar(lugar : Lugar){ return this.lugaresCollection. } updateLugares(lugar : Lugar, id : string){ return this.lugaresCollection.doc(id).update(lugar); } editLugar(lugar : Lugar){ return this.lugaresCollection.add(lugar); } removeLugar(id){ return this.lugaresCollection.doc(id).delete(); }
}
Creo que hace falta una clase similar a esta pero con alguna base de datos que no este en la nube, como sql server, mysql, etc
Lo tendremos en cuenta para siguientes cursos, gracias por la sugerencia.
Para usar otras BD debes crear en el backend un API-Rest que puedas consumir como servicios desde IONIC.
public deleteLugar(lugar){ return this.afDB.database.ref('/lugares/' + lugar.id).delete(lugar); }```
Gracias por tu aporte!!!
Veo que en el video de la clase no cran la variable place y e ahí donde me marca error, pero en los archivos si aparece, espero no estarme perdiendo mucho, alguien me puede aclarar la duda?
<ion-fab bottom right> <button ion-fab (click) = "irAVistaDetalle()" > <ion-icon name="add" color="white"></ion-icon> </button> </ion-fab>
Escribiendo el reto.
public deleteLugar(lugar:any){ //reto return this.afDB.database.ref('/lugares/'+lugar.id).remove(); }```
para el metodo de editLugar no seria un .update(place) ?
public deleteLugar(lugar) {
return this.afDB.database.ref(/lugares/${ lugar.id }).remove();
}
public deleteLugar(lugar) {
return this.afDB.database.ref(/lugares/${ lugar.id }).remove();
}
public deleteLugar(lugar){ return this.afDB.database.ref('/lugares/'+ lugar.id).remove(); }
Mi solución al reto::
import { Injectable } from "@angular/core"; import { Firestore, collectionData, docData, addDoc, updateDoc, deleteDoc } from "@angular/fire/firestore"; import { collection, doc } from "firebase/firestore"; @Injectable({ providedIn: 'root' }) export class LugaresServices { constructor( public afDB: Firestore ) { } public getLugares() { const lugaresRef = collection(this.afDB, 'lugares'); return collectionData(lugaresRef); } public getLugar(id) { const lugaresRef = doc(this.afDB, `lugares/${id}`); return docData(lugaresRef); } public createLugar(lugar) { const lugaresRef = collection(this.afDB, 'lugares'); return addDoc(lugaresRef, lugar); } public editLugar(lugar) { const lugaresRef = doc(this.afDB, `lugares/${lugar.id}`); return updateDoc(lugaresRef, lugar); } public deleteLugar(id) { const lugaresRef = doc(this.afDB, `lugares/${id}`); return deleteDoc(lugaresRef); } }
public deleteLugar(id) { return this.afDB.database.ref('/lugares/' + id).remove(); }
Cheque en los aportes y han comentado que es lo mismo un provider que un service, y que lo que los diferencia es la manera en como se llaman en angular y en ionic por lo que me surge la duda.
Sería una buena practica usar el cli de ionic ¿de esta manera?
ionic generate provider lugar
Esto para el minuto 1:39 del video
