2016-07-07 12 views
0

나는 angularjS에서 일부 모듈을 빌드해야하는 MVC 응용 프로그램에서 작업하고 있습니다. 그래서 지금 MVC 라우팅뿐 아니라 각 클라이언트 쪽 라우팅이 있습니다.MVC 라우팅 AngularJs 라우팅 문제

이제 페이지가 MVC 라우팅을 사용하여 리디렉션 될 때 MVC 페이지를 클릭하면 문제가 발생합니다.

예를 들면 : 로그인 후, 잘 작동하는 Listing보기로 리디렉션됩니다. 이제 메뉴에서 /Listing을 클릭하면 정상적으로 작동합니다.

이제 anglejs 라우팅 페이지를 열면 해당 페이지가 열립니다. 이제 angularjs 페이지에있을 때, /Listing이있는 동일한 메뉴 링크를 클릭하면 기본 anglejs 경로로 리디렉션됩니다.

MVC 및 angularjs 라우팅을 어떻게 처리합니까?

예 :

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

'#'링크가 angualr 페이지이고, 다른 링크가

각 라우팅 지금

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); 

    }]); 

다음과 같다 MVC 페이지입니다 아래와 같이 메뉴 링크입니다 내가 MVC 페이지에 있는데 앵귤러 페이지를 클릭하면 작동합니다. 그러나 각진 페이지에서 MVC 페이지를 클릭하면 otherwise 페이지로 리디렉션됩니다.

,
+0

모든 샘플 코드와 같은 toMvcLink 지시를 구현할 수있다? – varit05

+0

때문에 내가 코드 – Mahajan344

+0

를 업데이트 한 기본 라우팅 포인트, 그렇지 않으면 ({redirectTo : "/ 계정/인덱스"}); –

답변

1

사용자 지정 장식 지시어를 만들고 모든 하이퍼 링크

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

에 적용 그리고 당신은 문제가 있어요이

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

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

         document.location.href = attrs.href; 

       }); 
      } 
     }