Angular 2 avanzado: Gestión de archivos en PHP

Crear y habilitar un servicio

Prueba ahora LinkedIn Learning sin cargo y sin compromiso.

Prueba gratis Mostrar modalidades de suscripción
Los servicios de Angular son un elemento indispensable de su arquitectura, debido a que cada componente está desarrollado para tener una total encapsulación. Los servicios pueden ser inyectados dentro de diferentes componentes y comunicar datos entre ellos.
05:06

Transcripción

En esta lección, vamos a aprender cómo crear un servicio dentro de Angular. Los servicios son elementos que nos van a permitir generar comunicación entre diferentes componentes. De hecho, un servicio puede estar disponible desde cualquier componente y compartir información entre ellos. Para crear un archivo, en este caso, tengo abierta la consola y ya tengo abierta la carpeta en la que estoy trabajando mi aplicación. Voy a definir dentro de la línea comando de Angular: el comando "ng g". En este caso, vamos a definir el nombre "service" y vamos a asignarle un nombre, en este caso, "rutas-de-archivos". Este servicio nos va a servir para comunicar dentro de la aplicación cuál es la ruta actual y cuáles son las rutas a las que nos debemos dirigir dentro de la navegación que vamos a generar. Ahora, ya tenemos definido el servicio, vemos que se ha creado una carpeta, en este caso se llama "rutas-de-archivos.service", y también un archivo para utilizar en las pruebas de control de calidad. Ahora, vamos a ir a la raíz de nuestra aplicación, vamos a entrar a "app.module.ts", donde se encuentra mi aplicación, y acá voy a incluir este nuevo servicio. Para hacerlo, voy a utilizar el "import" y voy a definir el nombre que tiene mi servicio. Entramos a "rutas-de-archivos.service" y vemos que acá está definido el nombre del servicio que acabo de crear. Voy a copiarlo, y vamos a definir que se importe este nombre, y vamos también a definir desde dónde lo vamos a importar. En este caso, vamos a definir como "./" y marcamos acá el nombre del archivo en el que estamos trabajando sin la extensión "ts", o sea, "rutas-de-archivos.service". Definimos "rutas-de-archivos.service". Listo, ya está incluido dentro de nuestra aplicación. Solo falta un detalle, y es que tenemos que listarlo como un "provider". Para definirlo como "provider" simplemente indicamos el nombre que tiene este servicio y lo incluimos acá. Si deseamos asignar más, los separamos por comas, y vamos asignando todos los "providers" que vamos a necesitar. Por ahora, solamente tenemos este. Ahora, ¿cómo importar esto desde un componente? Vamos a ir acá al componente "lista-de-archivos" —que es un componente que se encuentra en mi aplicación— vamos a abrirlo y vamos a importar el servicio. Vamos a hacer algo muy similar a lo que acabamos de hacer. Acá dentro de "app.modules", de hecho, voy a copiar el código para hacerlo más rápidamente, copio esta línea, y vamos a importarlo. Así que definimos como "import", "rutas-de-archivos.service" y definimos de dónde queremos que llegue. Quiero que notes que acá me está dando un error. El error me lo está dando porque estamos trabajando en una nomenclatura de carpetas. Así que, en este caso, en el archivo anterior, nosotros estamos llamándolo desde "app.module" y le estamos diciendo que lo llamara a la misma carpeta en la que se encontraba, en este caso, está un nivel más arriba, así que en vez de "./", vamos a definirlo como "../" Y ahora , sí, ya está definido el componente en nuestra aplicación. Finalmente, tenemos que inicializarlo cada vez que lo queramos llamar dentro de un componente. Ahora, es importante notar la forma en que debemos llamar a los servicios dentro de un componente. Vamos a entrar a este componente, y vamos a buscar cómo se debe invocar por primera vez para inicializar un servicio. Quiero que notes que acá está en el constructor, entonces, en vez de definirlo como usualmente haríamos, que sería, por ejemplo, "new" y definir una instancia, en este caso, "rutas-de-archivos.service". Esto nos va a dar un error y problemas de compatibilidad. Lo que vamos a hacer es que lo vamos a definir en el constructor como una variable privada y creamos acá la instancia que queremos que tenga, en este caso, "rutas-de-archivos.service". Vamos a definirlo acá con minúscula porque va a ser una instancia, y vamos a definir el tipo de dato, que va a ser "rutas-de-archivos.service". Ahora, sí, ya tenemos inicializado este servicio, esta es la forma en que se inicializan los servicios, simplemente tienes que seguir los principios básicos que te acabo de indicar.

Angular 2 avanzado: Gestión de archivos en PHP

Aprende a crear vínculos entre PHP y Angular 2 mediante un ejemplo práctico en el que trabajarás del lado del servidor con PHP y la parte web con la tecnología Angular de Google.

3:20 horas (33 Videos)
Actualmente no hay comentarios.
 
Software:
Fecha de publicación:19/04/2017

Este curso video2brain está disponible como descarga y para ser visualizado online. ¡Pero no hace falta que decidas entre las dos opciones! Al comprar el curso, disfrutarás de ambas posibilidades.

La descarga te permite ver las lecciones sin estar conectado/a a internet y supone una navegación fácil y ágil entre capítulo y capítulo. Si vas a trabajar en diferentes ordenadores o si no quieres descargarte el curso completo, entra en la web con tus datos de acceso y disfruta directamente de tus vídeos online. Te deseamos que disfrutes de este curso y te resulte de mucha utilidad.

Estamos a tu disposición si tienes cualquier tipo de duda o pregunta.