Hash Anmelden Winkel Routing

Question

Ich habe ein Problem mit # Zeichen in Winkelführung. Ich habe Navigationslinks, die ohne führende Schrägstrich-Zeichen, wie das sein shoud:

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

Ansonsten scrollspy nicht funktioniert (wenn ich <a href="#/services"> bin mit).
Aber jetzt ist hier Problem mit kantigem Routing, die auf diese Weise konfiguriert:

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

Wie soll ich Routing (oder scrollspy) Konfiguration ändern, um diese Navigations-Links für beide Zwecke der Lage sein, mit - scrollspy und Winkelführung?

Answer 1

Sie in Route des # Zeichen befreien, indem Sie $locationProvider Modul erhalten können

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