title: Failing to load route with Angular inside of Phonegap
body: <p>I'm new to Angular and cannot figure out how to get a route working inside of phonegap. Here is my Angular code:</p>
  
  <pre><code>var app = angular.module('app', [
  'ngCookies',
  'ngResource',
  'ngSanitize',
  'ngRoute'
  ])
  
  
  .config(function ($routeProvider) {
  $routeProvider.when('/', {
      templateUrl: 'app/views/main.html',
      controller: 'mainControl'
    })
  
  $routeProvider.when('/test' , {
      templateUrl: 'app/views/test.html',
      controller: 'testControl'
    })
  
  $routeProvider.otherwise({
      redirectTo: '/'
    });
  });
  
  app.controller('mainControl' , function(){
  
  })
  
  app.controller('testControl' , function(){
  
  })
  </code></pre>
  
  <p>I'm trying to access '/test' with this link inside of my main.html:</p>
  
  <pre><code>&lt;span&gt;Click &lt;a href='/test'&gt;here&lt;/a&gt; to go to the test page&lt;span&gt;
  </code></pre>
  
  <p>When I click the link inside of ripple I'm getting a 404 in the console for localhost:4400/test/</p>
  
  <p>Like I said I'm new to Angular so from what I can tell both routeProviders match up but I can't get the page to load when clicked through the link. </p>
  
  <p>Help is always appreciated. </p>