====== 2. AngularJS ====== Los ejercicios de esta unidad van a consistir en hacer nuestra primera aplicación en AngularJS ===== Ejercicio 01 ===== Crea una aplicación web que tenga 2 páginas: * ''index.html'' * ''detalle.html'' ==== index.html ==== En la página ''index.html'' únicamente deberemos tener: * Un link a ''detalle.html'' ==== detalle.html ==== En la página ''detalle.html'' deberemos tener: * Un formulario con todos los campo de la tabla ''hipoteca'' === Campos habilitados / deshabilitados === * Los campos ''cuotaMensual'' , ''interesAplicado'' siempre deben estar deshabilitados. * Si el campo ''tipoInteres'' vale "FIJO" debemos: * Habilitar el campo ''interesFijo'' * Deshabilitar los campos ''tipoEuribor'' , ''euribor'' y ''diferencial'' * Si el campo ''tipoInteres'' vale "VARIABLE" debemos: * Deshabilitar el campo ''interesFijo'' * Habilitar los campos ''tipoEuribor'' , ''euribor'' y ''diferencial'' * Si el campo ''tipoInteres'' no es ni "FIJO" ni "VARIABLE" debemos: * Deshabilitar los campos ''interesFijo'', ''tipoEuribor'' , ''euribor'' y ''diferencial'' === euribor === * El campo ''euribor'' vale 0,8 si el ''tipoEuribor'' vale "EURIBOR" * El campo ''euribor'' vale 0,4 si el ''tipoEuribor'' vale "EURIBOR3" === Calculo de la hipoteca === Añadir un botón llamado "calcularHipoteca" que calcule el valor de los campos ''cuotaMensual'' y ''interesAplicado''. El campo ''interesAplicado'' se calcula de la siguiente forma: * Si ''tipoInteres'' vale "FIJO" entonces el ''interesAplicado'' es igual a ''interesFijo'' * si el ''tipoInteres'' vale "VARIABLE" entonces el ''interesAplicado'' es igual a la suma de ''euribor'' más ''diferencial'' Ahora, por cada producto contratado se debe quitar 0,05 a ''interesAplicado'', es decir si ''seguroCasa'' o ''nomina'' o ''seguroVida'' es igual a ''true''. Para calcular el campo ''cuotaMensual'' se aplica la siguiente fórmula: {{:ejercicios:formula_hipoteca.png?nolink|}} === Guardar === Añadir un botón llamado "Guardar" que simplemente muestre un ''alert'' indicando que se han guardado los datos, aunque realmente no se ha guardado nada ya que no lo veremos hasta la unidad [[http://www.cursoangularjs.es/doku.php?id=unidades:10_servidor:00_start|10. Servidor]]