Taller 3: Implementar vista dentro de detalle
Nota
| URL: | https://github.com/Uniandes-isis2603/sportcenter.git |
|---|---|
| Release: | git checkout -f taller-3 |
Objetivos
Se espera que al final de este taller el estudiante esté en capacidad de:
- Explicar del framework angularJS lo básico sobre Vista, Controlador, Modelo y Scope para desarrollar las aplicaciones web.
- Implementar requerimientos básicos de despliegue de información en una aplicación Web, utilizando angularJS.
- Implementar vista dentro de detalle de sports.
Taller 3
- Ejecutar sportcenter.
- Crear vista dentro de detalle de lista para sports.
- Subir cambios y hacer release.
1. Ejecutar sportcenter.
Para este paso puede hacer cualquiera de los dos casos:
- Utilizar el código que desarrollo en el taller 2. (Si decide esta opción debe editar el json de sports para agregar los equipments asociados a un sport)
- Clonar el Release git checkout -f taller-3
NOTA: Se va a trabajar sobre los sports .
2. Crear vista dentro de detalle de lista para sports.
Después de realizar las instrucciones debería mostrarse en el detalle una opción con los equipments que al dar clic liste los equipments necesarios para ese deporte como la siguiente la imagen.
Actualizar el template del detalle de sports para que se pueda acceder a los equipments recuerde que debe crear allí un nueva vista que llamaremos childrenView.
Crear el nuevo módulo equipmentsModule en el archivo equipments/equipments.mod.js. Recuerde que en ese módulo debe inyectar el sportsModule para que pueda hacer referencia al estado de sportDetail como padre de los equipments. Para más detalles puede consultar en frontstepbystep.
Crear equipments.html que contendrá el listView para mostrar la lista de equipments.
Crear equipments.list.html que mostrará la lista de equipments, leyendo el equipmentsRecords que se obtiene desde el controlador.
Crear el controlador asociado a obtener el listado de equipments que corresponde a un sport.
Actualizar el index.html y app.js para incluir el nuevo módulo.
3. Subir cambios y hacer release.
En este último paso debe subir los cambios al repositorio, el nombre del commit y release debe ser "taller-3".