Aplicación móvil creada con Ratchet 2.0 y AngularJS

Para quién no conozca Ratchet, decir que se trata de un toolkit HTML/CSS/JS para la creación rápida de aplicaciones móviles, y que ahora forma parte de la familia Bootstrap.

En esta nueva versión de Ratchet, se han creado dos temas específicos, uno para iOS y otro para Android, ademas el CSS se ha reescrito usando Sass.

En esta versión $route, $routeParams y ngView están fuera del núcleo y ahora se encuentran en el modulo angular-route.js/ngRoute.

Lo primero es incluir los CSS de Ratchet:

<link rel="stylesheet" href="css/ratchet.min.css">
<link rel="stylesheet" href="css/ratchet-theme-android.min.css">

El contenido de la aplicación aparecerá dentro de la capa con la directiva ui-view:

<div ui-view></div>

Incluimos la libreria principal de AngularJS y el modulo AngularUI Router:

<script src="js/angular.min.js"></script>
<script src="js/angular-ui-router.min.js"></script>

Puedes probar la aplicación en las dos plataformas:

iOS:

 

Android:

El código fuente esta disponible en GitHub: https://github.com/vicentegarcia/app-mobile-angularjs-ratchet2

COMPARTE ESTE ARTÍCULO