Ionic app works true on browser but does not work fine in my android device
<p>I have developed an ionic application which it works fine in chrome but after generating .apk file it does not work fine. there is only a warning in chrome developer mode :</p>

<pre><code>SVG's SMIL animations (&lt;animate&gt;, &lt;set&gt;, etc.) are deprecated and will be removed. Please use CSS animations or Web animations instead.
</code></pre>

<p>Here are the details :</p>

<ol>
<li>I am using only ng-cordova plugin and maps.google .</li>
<li>I use typescript</li>
<li>I have used <a href="http://ionicframework.com/docs/guide/publishing.html" rel="nofollow noreferrer">http://ionicframework.com/docs/guide/publishing.html</a> for generating .apk .</li>
</ol>

<p>After installing the application on android device, it runs but it only shows my parrent view :</p>

<p>I have an index.html file which is my parent view :</p>

<pre><code>&lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt;
    &lt;meta charset="utf-8"&gt;
    &lt;meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width"&gt;
    &lt;title&gt;&lt;/title&gt;

    &lt;!-- ionic/angularjs js --&gt;
    &lt;script src="lib/ionic/js/ionic.bundle.js"&gt;&lt;/script&gt;


    &lt;script src="lib/ngCordova/dist/ng-cordova.js"&gt;&lt;/script&gt;
    &lt;script src="cordova.js"&gt;&lt;/script&gt;

    &lt;script src="http://maps.google.com/maps/api/js?key=My_Api_Kei"&gt;&lt;/script&gt;

    &lt;script src="my_apps_js"&gt;&lt;/script&gt; &lt;/head&gt;

&lt;body dir="rtl" ng-app="appName"&gt;
    &lt;ion-nav-view animation="slide-right-left"&gt;&lt;/ion-nav-view&gt; &lt;/body&gt; &lt;/html&gt;
</code></pre>

<p>This is my run and config functions :</p>

<pre><code>    export var ehmcoModule = angular.module('ModuleName', ['ionic', 'ngCordova']); 

  ehmcoModule.run(function($ionicPlatform: ionic.platform.IonicPlatformService) {
    $ionicPlatform.ready(function() {

      if (window.cordova &amp;&amp; window.cordova.plugins.Keyboard) {
        cordova.plugins.Keyboard.hideKeyboardAccessoryBar(true);
        cordova.plugins.Keyboard.disableScroll(true);
      }
       if (window.StatusBar) {
          //org.apache.cordova.statusbar required
         StatusBar.styleDefault();
       }
    });   });

  ehmcoModule.config(function($stateProvider: ng.ui.IStateProvider, $urlRouterProvider: ng.ui.IUrlRouterProvider) {
    $stateProvider
      .state('app', {
        url: '/app',
        abstract: true,
        templateUrl: 'templates/menu.html',
        controller: Controllers.EhmcoController.controllerName
      })
      .state('app.home', {
        url: '/home',
        views: {
          'menuContent': {
            templateUrl: 'templates/home.html',
            controller:Controllers.HomeController.controllerName
          }
        }
      })
      .state('app.category', {
            url: '/category',
            views: {
                'menuContent': {
                    templateUrl: 'templates/category.html',
                    controller:Controllers.CategoryController.controllerName
                }
            }
      })


    $urlRouterProvider.otherwise('/app/home');   });
</code></pre>

<p>I don't think that this is a routing problem because I add an item to menu in parent view and route it to first page (app/home). It goes there but angular library does not load there and binded value does not show.</p>