¿Te gustaría aprender Angular 4?
Tenemos los talleres que necesitas.¡Haz clic aquí!


Vamos a ver un aperitivo de como podemos crear e inyectar módulos en AngularJS. En nuestro ejemplo simplemente crearemos un primer módulo el cuál será el que haga contacto con nuestra vista, y otro más que inyectaremos a este primero, pero creo que lo mejor será ver un sencillo ejemplo.

Módulos en AngularJS

Doy por hecho que ya tienes tu proyecto creado y el archivo angular.js en el mismo, así que crea un nuevo archivo llamado app.js y dentro coloca el siguiente código.

Creo que ahora ha quedado más claro, creamos un módulo en AngularJS con una factoria, y, a continuación lo inyectamos a nuestro módulo principal e inyectamos la factoria al controlador homeConrtoller, de esta forma podemos llamar a cualquier parte de nuestros módulos en AngularJS de forma bastante sencilla.

Para finalizar el ejemplo, puedes crear un archivo index.html y añadir el siguiente código, para ver como interactuar y que ésto funciona.

<!DOCTYPE  html>
<html lang=“es” ng-app=“app”>
<head>
<meta charset=“UTF-8” />
<title>Módulo con Angular</title>
</head>
<body ng-controller=“homeController”>
<form>
<fieldset>
<legend>Módulo con angularjs</legend>
<div class=“row”>
<input type=“button” ng-click=“saludo()” value=“Pulsa” />
</div>
</fieldset>
</form>
<script type=“text/javascript” src=“angular.js”></script>
<script type=“text/javascript” src=“app.js”></script>
</body>
</html>

Como podemos ver, simplemente llamamos a la función saludo que hemos creado en el módulo app, la cuál hace uso de la función saludo de la factoria del módulo miModulo :).

Si pulsas en el botón verás como aparece un alert con el mensaje que hemos escrito en la factoria.

Y éso es todo, espero que entiendas como inyectar y reaprovechar módulos con AngularJS, ya que es uno de sus puntos fuertes.

Te esperamos en los próximos artículos en donde hablaremos mas acerca de estos temas que hoy en día son de importancia e interés en el mundo de la tecnología.

¿Te gustaría aprender Angular 4?
Tenemos los talleres que necesitas.¡Haz clic aquí!
About Author

NGuerrero

0 0 votos
Article Rating
Suscribir
Notificar de
guest
0 Comments
Comentarios.
Ver todos los comentarios
0
¿Te gusta este articulo? por favor comentax