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