Jordano Uribe Leon
Comando para generar un service por consola
Deben crear la carpeta y dentro de la carpeta ejecutar el comando, creara los archivos y hará las importaciones necesarias
ng g service [y el nombre]
Camilo Andres Dulce
tambien se puede crear indicando la carpeta asi:
ng g s [carpeta]/[nombre]
para el de lugares quedaria:
ng g s services/lugares
Juan Roa
Generate Service
Gleycer Parra
¿Cómo configuro PhpStorm para que me importe automáticamente las dependencias, módulos, servicios? Tengo la versión 2017.2.4
Diego Forero
Team PlatziRevisa que tengas instalado el plugin AngularJS, es el plugin para integrar angular en el editor.
Alejandra Guadalupe Larrañaga Altamirano
no tienes que hacer nada, se hace automaticamente, no necesitas ningun plugin.
Nelson Celis
Company_adminHola!
Cuando cree el servicio lugares.service.ts por alguna extraña razón me tiraba error de que no encontraba el archivo, revise código y nada raro o mal direccionado… terminé cerrando y ejecutando denuevo ng serve y dejo de tirar el error…
muy raro…
Daniel Altamar
¿porque se crea la variable lugares = null;? esta en el minuto 3:31? Saludos,
Diego Forero
Team PlatziEsta creando la variable con un valor por defecto como null, se pudo definir también con lugares = '',
Diego Mendoza
Parece que es un vídeo posterior a la variable que crea.
Esa variable la crea más adelante.
Antony Dixon Albites Tapia
Juan Carlos Barcinilla Alarcon
Excelente manera para crear servicios en angular y utilizarlo en cualquier parte del componente.
DIEGO ALEXANDER CASTELLANOS SANTAMARIA
prefiero mejor crear el servicio con el comando ng g service nombreservicio , luego asi ya queda listo para trabajar.
Miguel Lopez Ariza
En el Array de objetos, del ejemplo falto la descripción.
Jhon Castrillon
Ahorra tiempo…
ng generate service [name]
Cristian Palta
buenas clases
Carlos Uriel de Jesus Sánchez González
@Injectable() exports class LugaresService{ }
Diego Vallejo
la variable lugares del lugares.components.ts debe ser tipo array, si no me daba error
export class LugaresComponentesComponent { title = 'platziScuare'; lat = 0.826350; lng = -77.638744; lugares = []; /*PARA EL SERVICIO CREAMOS UNA VARIABLE PRIVADA*/ constructor(private lugaresServicesService: LugaresServicesService) { this.lugares = lugaresServicesService.getLugares(); } }
Usuario anónimo
UserServicios en Angular es muy sencillo y fácil de aprender gracias a este curso.
Rodolfo Sáenz
Me encanta esto que el IDE te dice que tienes un error y que auto completa, etc… eso ayuda mucho, tal como hacen los IDE de Java. Cosa que faltaba en el desarrollo de Javascript
Alberto Campos Hernandez
Injectable crea una instancia de nuestro servicio
ABRAHAN CHOQUENAIRA TTITO
Si funciona el video solo tienen que verificar en el FireBase al costado de database aparece una lista desplegable para seleccionar si usas Cloud Firestore o RealTime Database, por defecto esta con Cloud Firestore(https://www.dropbox.com/s/e2vdpzfkyzubct9/Firebase.PNG?dl=0)
ABRAHAN CHOQUENAIRA TTITO
Diego Fernández Cruz
Sin el decorador @Injectable también funciona. Por qué ? Ayuda.
Felipe Vidal
¿Porqué cuando creo un servicio aparece en rojo aún declarandolo en app.module.ts? alguien sabe? xd
Diego Forero
Team PlatziHola, puedes compartir una captura de pantalla para tener más contexto de lo que te pasa y ayudarte.
Tengo así el archivo lugares.service.ts , me salía error si lo hacía como la clase.
import {Injectable} from "@angular/core"; @Injectable({ providedIn: 'root', }) export class LugaresService{ lugares:any = [ {id: 1, plan: 'pagado', cercania: 1, distancia: 1, active: true, nombre:'Florería la Gardenia',description:'Esta es una descripcion'}, {id: 2, plan: 'gratuito', cercania: 1, distancia: 1.8, active: true, nombre:'Donas la pasadita',description:'Esta es una descripcion'}, {id: 3, plan: 'gratuito', cercania: 2, distancia: 5, active: true, nombre:'Veterinaria Huellitas Felices',description:'Esta es una descripcion'}, {id: 4, plan: 'gratuito', cercania: 3, distancia: 10, active: false, nombre:'Sushi Suhiroll',description:'Esta es una descripcion'}, {id: 5, plan: 'pagado', cercania: 3, distancia: 35, active: true, nombre:'Hotel la Gracia',description:'Esta es una descripcion'}, {id: 6, plan: 'gratuito', cercania: 3, distancia: 120, active: false, nombre:'Zapatería el Clavo',description:'Esta es una descripcion'}, ]; public getLugares(){ return this.lugares; } public buscarLugar(id){ return this.lugares.filter((lugar) => { return lugar.id == id})[0] || null; } }
