AngularJs Routing-Problem mit MVC-Routing

Question

Ich arbeite an MVC-Anwendung, wo ich ein Modul in AngularjS bauen muss. So jetzt habe ich eckige clientseitige Routing sowie MVC Routing auch.

Jetzt bekomme ich ein Problem, dass, wenn Seite zu MVC-Routing weitergeleitet wird, wenn ich auf MVC-Seite klicke funktioniert es.

Für zB: Nach dem Login, ich bin auf Listing Ansicht, die gut funktioniert. Jetzt auf Menü klicken /Listing funktioniert gut.

Nun, wenn ich eine angularjs Routing-Seite öffnen, dann öffnet es diese Seite. Jetzt, wenn ich auf angularjs Seite bin, wenn ich auf dieselbe Menüverknüpfung klicke, in der /Listing ist .. Ich werde zur Standardangularjs Route umadressiert.

Wie gehen MVC und angularjs Routing?

zB: Menü-Link ist als unten

$("#lnkAddUser").attr("href", serverURL + "#/registeruser"); 
      $("#lnkTreqHome").attr("href", serverURL + "Listing"); 

'#' Link für angualr Seite ist und andere Verbindung ist für mvc Seite

Winkelführung ist als unten

angularFormsApp.config(["$routeProvider", "$locationProvider", 
    function ($routeProvider, $locationProvider) { 
     $routeProvider.caseInsensitiveMatch = true; 
     $routeProvider 
      .when("/account/index", { 
       title: "Login", 
       templateUrl: window.serverURL+"app/Login/loginTemplate.html", 
       controller: "loginController" 
      }) 
      .when("/Registeruser", { 
       title: "New External User Setup", 
       templateUrl: window.serverURL + "app/RegisterUser/registeruserTemplate.html", 
       controller: "RegisterUserController" 
      }) 
      .otherwise({ redirectTo: "/account/index" }); 

     $locationProvider.html5Mode({ 
      enabled: true, 
      requireBase: true 
     }); 
     //$locationProvider.html5Mode(true); 

    }]); 

Jetzt Wenn ich auf MVC-Seite bin und ich auf eckige Seite klicke, funktioniert es .. aber wenn ich auf eckige Seite bin und ich MVC-Seite klicke, wird die Umleitung zu otherwise Seite

Answer 1

Sie können eine benutzerdefinierte Dekorateur Richtlinie erstellen und an alle Hyperlink

<a href="/someaction" to-mvc-link/> 

Und implementieren toMvcLink Direktive wie dieser Code

return { 
      restrict: 'A', 
      scope: true, 
      link: function (scope, element, attrs) {     

       element.bind('click', function (event) { 

         document.location.href = attrs.href; 

       }); 
      } 
     }