2016-04-15 15 views
1

角度ルーティングにサインインする際に問題があります。 (私は<a href="#/services">を使用している場合)に動作していないハッシュサイン角度ルーティング

<li class="active"><a href="/"><i class="fa fa-home" aria-hidden="true"></i></a></li> 
<li><a href="#services"> УСЛУГИ</a></li> 

そうでないscrollspy: 私はそのように、スラッシュ記号を招くことなくなりshoudナビゲーションリンクを持っています。 - scrollspyと角ルーティング

config(["$routeProvider", function ($routeProvider) { 
     $routeProvider 
      .when('/', { 
       templateUrl: '/templates/home.html', 
       controller: 'smu72Controller' 
      }) 
      .when('/objects', { 
       templateUrl: '/templates/objects.html', 
       controller: 'smu72Controller' 
      }) 
      .when('/object/:Id', { 
       templateUrl: '/templates/object.html', 
       controller: 'smu72Controller' 
      }) 
     .otherwise({ 
      redirectTo: "/" 
     }); 

がどのようにルーティング(またはscrollspy)を変更する必要があります設定両方の目的のためにこれらのナビゲーションリンクを使用できるようにするには:
しかし、今、ここでは、このように構成された角度ルーティングの問題はありますか?

答えて

1

あなたが$locationProviderモジュールを使用して、ルートに#記号を取り除くことができます

config(["$routeProvider", "$locationProvider", function ($routeProvider, $locationProvider) { 
    $routeProvider 
     .when('/', { 
      templateUrl: '/templates/home.html', 
      controller: 'smu72Controller' 
     }) 
     .when('/objects', { 
      templateUrl: '/templates/objects.html', 
      controller: 'smu72Controller' 
     }) 
     .when('/object/:Id', { 
      templateUrl: '/templates/object.html', 
      controller: 'smu72Controller' 
     }) 
     .otherwise({ 
      redirectTo: "/" 
     }); 

     // use the HTML5 History API 
     $locationProvider.html5Mode(true); 
}]); 
+0

[OK]を、はい、それは働いています。しかし、あなたが何を知っている、私はこのルート上にいる/オブジェクト/:ID '、ナビゲーションだけで動作していない、ユーザーはホームページに戻ってくることはできません。どのようにこれを修正することができますか? –

+0

あなたの 'id'はパラメータですよね? '/ object/3'のように。 – manish

+0

はい、そうです。 –

関連する問題