Angular 2 avanzado: Gestión de archivos en PHP

Conectar componentes a través de un servicio

¡Prueba gratis durante 10 días

nuestros 1220 cursos !

Prueba gratis Mostrar modalidades de suscripción
Una vez creado y desarrollado un servicio, es momento de configurarlo e inyectarlo dentro de los diferentes componentes. Una vez presente entre ellos, tenemos la capacidad de intercambiar datos libremente entre todos los elementos suscritos al servicio.
04:49

Transcripción

En esta lección vamos a enviar y recibir información desde diferentes componentes a través de un servicio. Yo estoy trabajando desde el componente "item-archivo.component", y este componente se encarga de desplegar cada uno de los ítems que se encuentran dentro de una carpeta. Yo voy a modificar la plantilla en la que se encuentra este componente, y voy a modificar ligeramente la sección donde está el área de herramientas. Voy a cambiarlo para que en el caso de que el ítem que se está desplegando sea de tipo directorio, se oculte la información de las herramientas que estamos utilizando en este momento y que despleguemos otras herramientas diferentes. Vamos a guardar la información y vamos a ver el resultado. Vemos que acá tenemos una carpeta que se llama "test02", y esta carpeta ya me está mostrando la barra de herramientas que tenemos para los archivos. También voy a hacer que aparezcan, en caso de que el tipo de documento que estamos trabajando sea de tipo "dir"; que este es el tipo de directorio. Lo que vamos a hacer es que me va a mostrar un nuevo botón; y de hecho este botón también estoy asignando un evento. Vamos a guardar y vamos a ver cuál es el resultado. Y vemos que, en el caso de que sea una carpeta, vamos a tener una flecha. Esto simplemente para que tengamos control sobre los diferentes elementos, diferentes tipos de datos y también que tengamos diferentes conductas. Lo que yo quiero es que solamente se muestre cuando yo tengo una carpeta y que esto me permita a mí abrir esta carpeta y ver los contenidos que están en ella dentro de mi aplicación, lo que significa que vamos a navegar entre diferentes carpetas. Vamos a volver a la aplicación y vemos que acá tenemos un evento llamado "ruta nueva" y estamos mandando la información de este ítem. Guardamos la información y vamos a ir a el componente, en este caso, "item-archivo.component". Acá yo ya he instalado un servicio que se llama "rutas de archivos service" que está también instalado dentro del componente "lista de archivos". Esto me va a permitir a mí enviar y recibir información entre ambos componentes. También estoy inicializando este componente dentro del constructor para tenerlo accesible dentro del componente que estoy trabajando. Ya tengo la información de este servicio y lo que voy a hacer es que voy a crear un nuevo método. Este método es el que estamos invocando desde nuestro directorio, nuestra carpeta, y, en este caso, se va a llamar "nuevaRuta". Vamos a definir cuál va a ser la nueva ruta que nosotros queremos que tenga nuestro directorio. En este caso, voy a definir una ruta estática. Y vamos a poner que, la ruta en la que vamos a entrar va a ser "/archivos/test2". Voy a ir, de hecho, a la carpeta donde se encuentran mis archivos. Y vemos que tenemos una carpeta que se llama "test2". Vamos a poder entrar y vamos a ver la información que se encuentra en esta carpeta, que en esta caso es solamente un zip que se llama "respaldos2". Listo. Vamos a volver al código y al definir la nueva ruta en la que tenemos que cargar nuestra aplicación, yo también voy a indicarle a mi aplicación que vuelva a cargar los datos, pero que esta vez envíe esta nueva ruta y que me muestre los resultados que se encuentran dentro de ella. Así, por ejemplo, yo estoy definiendo la información dentro de mi servicio, "definirRuta", estoy enviando un evento, y estos dos elementos van a ir a la lista de archivos. Vamos a entrar acá. Y van a activar el método "petición externa", que se va a activar, y va a llamar de nuevo la información que se encuentra dentro del servicio "leer carpeta". Y de esta forma, nosotros vamos a tener un resultado nuevo.

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.