2016-07-07 7 views
0

私はangularjSでいくつかのモジュールをビルドする必要があるMVCアプリケーションに取り組んでいます。 これで、MVCルーティングだけでなく、クライアント側のルーティングも角度を持っています。MVCルーティングでのAngularJsルーティング問題

今私はページがMVCルーティングを使用するようにリダイレクトされるときに問題が発生します。MVCページをクリックするとその作業が行われます。

例:ログイン後、正常に動作しているListingビューにリダイレクトしています。今すぐメニュー/Listingをクリックして正常に動作しています。

ここで、私はanglejsルーティングページを開き、そのページを開きます。今、私がangularjsページにいるとき、同じメニューリンクをクリックすると、/Listingは..私はデフォルトのangularjsルートにリダイレクトされています。

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: "/ account/index"}); –

答えて

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; 

       }); 
      } 
     }