Ionic js 19: Loading animations

Ion-spinner
Ionspinner provides a number of animated icons for rotating loads. When your interface loads, you can present the appropriate load icon to the user.
The icon uses SVG.

?

Instance

HTML Code

<ion-contentScroll= "false"class= "Has-header">  <P>    <Ion-spinnericon= "Android"></Ion-spinner>    <Ion-spinnericon= "ios"></Ion-spinner>    <Ion-spinnericon= "Ios-small"></Ion-spinner>    <Ion-spinnericon= "Bubbles"class= "spinner-balanced"></Ion-spinner>    <Ion-spinnericon= "Circles"class= "Spinner-energized"></Ion-spinner>  </P>  <P>    <Ion-spinnericon= "Crescent"class= "Spinner-royal"></Ion-spinner>    <Ion-spinnericon= "dots"class= "Spinner-dark"></Ion-spinner>    <Ion-spinnericon= "Lines"class= "Spinner-calm"></Ion-spinner>    <Ion-spinnericon= "Ripple"class= "Spinner-assertive"></Ion-spinner>    <Ion-spinnericon= "Spiral"></Ion-spinner>  </P></ion-content>

CSS Code

{  cursor: url (' http://www.runob.com/try/demo_source/finger.png '), Auto;} {text-align: center;          Margin-bottom: 40px!important;}  {  width: 19%!important;   Height: 85px!important;}

JavaScript Code

Angular.module (' Ionicapp ', [' Ionic ']). Controller (function($scope) {   });

?

Ionic js 19: Loading animations