title: dotnetnuke + angular routeprovider
body: <p>My team and I are developing a muli-page MVC application using AngularJS and DotNetNuke. In our routes.js, we point to specific controllers and templates. </p>
  
  <p>Here is our routes.js code:</p>
  
  <pre><code>angular.module('SurveyWrangler').config(function ($routeProvider) {
  $routeProvider
      .when('', {
          redirectTo: '/surveys'
      })
  
      .when('/', {
          redirectTo: '/surveys'
      })
  
      .when('#', {
          redirectTo: '/surveys'
      })
  
  .when('/surveys', {
      controller: "SurveyIndexController",
      templateUrl: "/DesktopModules/HealthPlanSurvey/templates/survey/index.html"
  })
  
  .when('/surveys/new', {
      templateUrl: "/DesktopModules/HealthPlanSurvey/templates/survey/create.html",
      controller: "SurveyCreateController"
  })
  
  .when('/surveys/:id', {
      templateUrl: "/DesktopModules/HealthPlanSurvey/templates/survey/show.html",
      controller: "SurveyShowController"
  })
  
  .when('/surveys/:id/edit', {
      templateUrl: "/DesktopModules/HealthPlanSurvey/templates/survey/edit.html",
      controller: "SurveyEditController"
  })
  
  .when('/surveys/:id/carryforward', {
      templateUrl: "/DesktopModules/HealthPlanSurvey/templates/survey/carryForward.html",
      controller: "SurveyCarryForwardController"
  })
  });
  </code></pre>
  
  <p><strong>The link for the app is</strong> <code>www.OURWEBSITE.com/Surveys#/surveys</code><strong>, but the URL changes to just</strong> <code>~/Surveys#</code> <strong>when you click the link in the menu bar</strong>. </p>
  
  <p>The menu bar is rendered out by DNN. This is baffling to me because from what I can tell from the code, I should be redirected back to <code>~/Survey#/surveys</code>. Instead, I get a blank screen. Also, <em>no errors in the browser console</em>.</p>
  
  <p>Thanks for any help!</p>