menú
buscar
¡Esta es una revisión vieja del documento!
8.3 Mensajes
Varias de las cosas que se explican en este tema van a quedarse obsoletas con AngularJs 1.3 y sus nuevas directivas ngMessages y ngMessage
Personalmente tengo que decir que no me gusta lo que voy a explicar en este tema sbore mostrar mensajes al usuario ya que implica repetir el texto de los mensajes , repetir etiquetas HTML , etc., pero es la forma en la que siempre lo he visto explicado.
En proyectos reales recomiendo que te hagas tus servicios/directivas para evitar tanta repetición.
En los temas anteriores hemos visto como añadir las validaciones y como saber desde JavaScript las validaciones que han fallado. Ahora toca la parte de mostrar al usuario los mensajes de error.
La forma de mostrar los mensajes es bastante sencilla e ingeniosa. Lo que hacemos es poner todos los mensajes que necesitemos debajo de cada <input> o donde quieras que aparezcan y luego con la directiva ng-show los muestras. Veamos un ejemplo.
Nombre:<input type="text" ng-model="model.nombre" name="nombre" ng-maxlength="50" ng-minlength="3" ng-required="requeridoNombre" ng-pattern="patternNombre" > <span ng-show="miFormulario.nombre.$error.maxlength">El tamaño máximo debe ser 50</span>
- Línea 2: El mensaje solo se mostrará si
miFormulario.nombre.$error.maxlength==truey eso solo ocurre si realmente el valor tiene un tamaño mayor que 50.
Ejemplo
