title: angular ng-view phonegap is not working
body: <p>I am trying to make basic app with angularjs and phonegap in android. But it doesn't seem to be working. Below are my source code files:</p>
  
  <p>index.html</p>
  
  <pre><code>    &lt;!DOCTYPE html&gt;
  &lt;html ng-app="main-app"&gt;
  &lt;head&gt;
      &lt;meta http-equiv="Content-Type" content="text/html; charset=utf-8"&gt;
      &lt;meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"&gt;
      &lt;title&gt;Insert title here&lt;/title&gt;
  &lt;/head&gt;
  &lt;body&gt;
  &lt;div class="body-content" ng-controller="MainCtrl"&gt;
      &lt;div class="loader-ajax" ng-show="isViewLoading"&gt;&lt;/div&gt;
      &lt;div ng-view&gt;&lt;/div&gt;
  &lt;/div&gt;
      &lt;script src="js/angular.js"&gt;&lt;/script&gt;
      &lt;script type="text/javascript" src="js/main.js"&gt;&lt;/script&gt;
      &lt;script type="text/javascript" src="cordova-2.3.0.js"&gt;&lt;/script&gt;
      &lt;script type="text/javascript" src="js/index.js"&gt;&lt;/script&gt;
      &lt;script type="text/javascript"&gt;
              app.initialize();
      &lt;/script&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>main.js</p>
  
  <pre><code>var mobileApp = angular.module("main-app", []);
  
  mobileApp.config(function ($routeProvider,$compileProvider) {
  
      $routeProvider
          .when("/",
          {
              templateUrl: "partial/home.html",
              controller: "homeController"
          })
          .when("/home",
          {
              templateUrl: "partial/home.html",
              controller: "homeController"
          });
      $compileProvider.urlSanitizationWhitelist(/^\s*(https?|ftp|mailto|file|tel):/);
  });
  mobileApp.controller("MainCtrl",function($scope){
      alert('Coming here');
      $scope.isViewLoading=true;
  });
  mobileApp.controller("homeController",function($scope){
      alert('Home Coming here');
  
  });
  </code></pre>
  
  <p>index.js</p>
  
  <pre><code>var app = {
      initialize: function() {
          this.bind();
      },
      bind: function() {
          document.addEventListener('deviceready', this.deviceready, false);
      },
      deviceready: function() {
          // note that this is an event handler so the scope is that of the event
          // so we need to call app.report(), and not this.report()
          app.report('deviceready');
          angular.bootstrap(document, ['main-app']);
      },
      report: function(id) { 
          console.log("report:" + id);
      }
  };
  </code></pre>
  
  <p>When the app is getting load, router doesn't seem to work as its not getting into Homecontroller. </p>
  
  <p>From what I have ready everywhere else, this code should work. Any help would be greatly appreciated.</p>