Creando nuestro propio servicio

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

Andres Gallardo

Me parece mejor practica utilizar el metodo getLugares en vez de la propiedad de lugares.

public getLugar(id) {
    return this.getLugares().find((lugar) => {
      return lugar.id == id || null
    })
  }```

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 Platzi

Revisa 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_admin

Hola!
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 Platzi

Esta 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

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;
    }
}

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

User

Servicios 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 Platzi