title: Angularjs routing conflict with MVC routing
body: <p>My MVC webpage have two links for "<strong>Dashboard</strong>" and "<strong>ManageClient</strong>" pages.
  When I directly set route path to my AngularJS page(ManageClient), my "new client" template shows in <code>&lt;div ng-view=""&gt;</code> perfectly.</p>
  
  <pre><code>routes.MapRoute(
      name: "Default",
      url: "{controller}/{action}/{id}",
      defaults: new { controller = "SubMClientManagement", action = "ManageClient", id = UrlParameter.Optional }
  );
  
  &gt;&gt;&gt;&gt; link in browser : http://localhost:55542/#/newClient
  </code></pre>
  
  <p><strong><p>BUT;</p></strong>
  If I set it to Dashboard, and go to ManageClient page and click newClient button it will not work</p>
  
  <pre><code>routes.MapRoute(
      name: "Default",
      url: "{controller}/{action}/{id}",
      defaults: new { controller = "SubMClientManagement", action = "Dashboard", id = UrlParameter.Optional },
      //defaults: new { controller = "SubMClientManagement", action = "ManageClient", id = UrlParameter.Optional }
  );
  
  &gt;&gt;&gt;&gt; link in browser : http://localhost:55542/SubMClientManagement/ManageClient/#/newClient
  </code></pre>
  
  <hr/>
  
  <p>FYI</p>
  
  <p>ang. route config :</p>
  
  <pre><code>ClientMngModel.config(['$routeProvider', '$locationProvider', function ($routeProvider, $locationProvider) {
      //$locationProvider.html5Mode(true);
  
      $routeProvider
          .when("/newClient", {
              controller: "NewClientController",
              templateUrl: "Templates/ClientMngTemp/NewClient.html"
          })
          .when("/deleteClient", {
              controller: "DeleteClientController",
              templateUrl: "Templates/ClientMngTemp/DeleteClient.html"
          })
          .when("/updateClient", {
              controller: "EditClientController",
              templateUrl: "Templates/ClientMngTemp/UpdateClient.html"
          })
          .otherwise({ redirectTo: "/" });
  }]);
  </code></pre>
  
  <p><hr/>
  In View : SubMClientManagement/ManageClient.cshtml</p>
  
  <pre><code>&lt;a href="#/newClient" class="btn btn-info btn-circle btn-lg"&gt;&lt;i class="fa fa-plus"&gt;&lt;/i&gt;&lt;/a&gt;
  </code></pre>
  
  <p><hr/>
  Ver:
  angularjs.1.2.27
  Mvc 4.0</p>