title: Using MVC and Angular Routing Together
body: <p>I have a project that I want to link views together from different controllers so my controllers are </p>
  
  <p>Dashboard and Board</p>
  
  <p>and my views are</p>
  
  <ol>
  <li>Dashboard
  
  <ul>
  <li>Index (Main view with ng-app and ng-view)</li>
  <li>Test page</li>
  </ul></li>
  <li>Board
  
  <ul>
  <li>BoardIndex (A view I want loaded into /Dashboard/Index's ng-view)</li>
  </ul></li>
  </ol>
  
  <p>In my main.js file I have:</p>
  
  <pre><code>angular.module('App', ['ngRoute', 'ngResource']);
  
  angular.module('App').config(function ($routeProvider) {
      $routeProvider
      .when('/', {
          templateUrl: 'Dash',
          title: 'Dashboard'
      })
      .when('/PageOne', {
          templateUrl: 'PageOne',
          title: 'Page One'
      })
      .when('/Board', {
          templateUrl: 'Board',
          title: 'Board'
      })
      .when('/Messenger', {
          templateUrl: 'Messenger/Messenger',
          title: 'Messenger'
      })
      .otherwise({redirectTo: '/'})
  });
  </code></pre>
  
  <p>and my link to messenger looks like this: <code>/Dashboard/#/Messenger</code></p>
  
  <p>The link above will hit the Messenger controller ActionResult that routes to the BoardIndex view, but it doesn't actually show like I expect it to which would be the url being: <code>URL/Dashboard/#/Messenger</code> with the content of BoardIndex showing. Instead it goes to <code>URL/Messenger</code> with a blank page.</p>
  
  <p>I need some help wiring this up.</p>
  
  <p>Thanks!</p>