my angular routes have a '#%2F' before the actual URL I have defined in the app.js
<p>I am setting up my angular routes in the app.js as so:  </p>

<pre><code>.config(function ($routeProvider) {
    $routeProvider
      .when('/', {
        templateUrl: 'views/main.html',
        controller: 'MainCtrl',
        controllerAs: 'main'
      })
      .when('/characters', {
        templateUrl: 'views/characters.html',
        controller: 'AboutCtrl',
        controllerAs: 'characters'
      })
      .when('/framedata', {
          templateUrl: 'views/framedata.html',
          controller: 'FrameDataCtrl',
          controllerAs: 'frame'
      })
      .otherwise({
        redirectTo: '/'
      });
  });
</code></pre>

<p>These URLs do work because when I type in localhost:9000/framedata or /characters it displays the view I expect. When I used the navigation bar that defines the links as expected there is a '#%2F' that is added like so: <a href="http://localhost:9000/#!/" rel="nofollow noreferrer">http://localhost:9000/#!/</a><strong>#%2F</strong>characters  </p>

<pre><code> &lt;ul class="nav navbar-nav"&gt;
          &lt;li class="active"&gt;&lt;a href="#/"&gt;tekkenMitzu?&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a ng-href="#/characters"&gt;Characters&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a ng-href="#/framedata"&gt;Frame Data&lt;/a&gt;&lt;/li&gt;
        &lt;/ul&gt;
</code></pre>

<p>I hope this gives sufficient information, please let me know if I should give you some more information, if it is necessary I can upload this to a domain so you can see the 'live' version.</p>