18.12.15

Experimentos con AngularJS

Pensaba que no iba a ser posible, pero al final si. ¡¡¡Si es posible!!! Me ha costado un poco pero al final lo he conseguido. Me refiero a poner una página en Blogger que incluye código javascript y directivas de AngularJS. Desde hace tiempo me emociona AngularJS, NodeJS y tecnologías relacionadas, y llevo un tiempo aprendiendo y haciendo pequeños experimentos para probar las capacidades de estas tecnologías, y cada vez, me sorprende más.
 
Y esta vez, pues he puesto una página en mi blog (utilidades matemáticas), que incluyen algunas utilidades matemáticas, son chorradas, pero que para mí representan pequeños retos mentales, en vez de hacer crucigramas, yo hago esto: un simulador de suma y resta tal y como se hace en primaria (por lo menos yo lo recuerdo así), y un simulador para calcular la descomposición en factores primos de cualquier número.

Para poder incrustar código y directivas AngularJS dentro de mi página he necesitado solamente:
  •  Cargar en el diseño de la página AngularJS de un CDN (yo he elegido el de google -
    <script src='https://ajax.googleapis.com/ajax/libs/angularjs/1.4.5/angular.min.js'></script>
    ).
  • Emplear una nomenclatura para las directivas conforme a HTML5, para ello en vez de poner "ng-*" hay que usar "data-ng-*".
  • Usar data-ng-cloak para evitar mostrar código cuando todavía no se ha cargado angular.js. Añadiendo la siguiente regla CSS (tal y como se especifica en la página de AngularJS): 
[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
              display: none !important; 
}          
  • Editar la página de blogger en HTML, e ignorar posibles fallos.
  • Cruzar los dedos y darle a publicar/actualizar.
Y en fin, queda chulo (más o menos). Seguiré haciendo experimentos en AngularJS, me pregunto si se podría cambiar la plantilla de Blogger usando AngularJS Material... tendré que experimentar.