$ routeProvider/$ locationProvider AngularJS Yönlendirmesi'nde bir işlev değil

Question

AngularJS'de sözde 'SEO dostu' URL'leri oluşturmaya çalışıyorum. Yönlendirme için benim script.js ise

Ben:

$routeProvider.html5Mode(true); 

ancak bu sonuçlanır:

app.config(['$routeProvider', 
function($routeProvider) { 
    $routeProvider.html5Mode(true); 
    when('/blog', { 
     templateUrl: 'blog.html', 
     controller: 'BlogController' 
    }). 
    when('/page/ideas', { 
     templateUrl: 'ideas.html', 
     controller: 'IdeasController' 
    }). 
    otherwise({ 
     templateUrl: 'home.html' 
    }); 
}]); 

app.controller("BlogController", function($scope) { 
    $scope.title = 'Blog'; 
}); 

app.controller("IdeasController", function($scope) { 
    $scope.title = 'Ideas'; 
}); 

URL'den # kaldırmak için, ben html5 modunu etkinleştirme am Aşağıdaki hata iletisidir:

Failed to instantiate module exampleApp due to: TypeError: $routeProvider.html5Mode is not a function

Bu sorunla ilgili bir çözümü olan var mı? Bu, içeriğin görüntülemelerden dolayı görüntülenmeyeceği anlamına gelir.

Düzenleme: herkes merak için, çalışma kodudur:

app.config(['$routeProvider', '$locationProvider', 
    function($routeProvider, $locationProvider) { 
     $routeProvider. 
     when('/blog', { 
      templateUrl: 'blog.html', 
      controller: 'BlogController' 
     }). 
     when('/page/ideas', { 
      templateUrl: 'ideas.html', 
      controller: 'IdeasController' 
     }). 
     otherwise({ 
      templateUrl: 'home.html' 
     }); 
     $locationProvider.html5Mode(true); 
    }]); 

Answer 1

html5mode yöntem $locationProvider sağlayıcıya orada mevcuttur. config aşamasında

Sen içermelidir $locationProvider sonra # ücretsiz URL için html5mode etkinleştirmek yapılandırma bloğunda & bu bağımlılık kullanılabilir hale getirmek için. yerine `;

app.config(['$routeProvider', '$locationProvider', 
function($routeProvider, $locationProvider) { 

    //$routerProvider code here 

    $locationProvider.html5Mode(true); 

}]); 

Kod Ek olarak index.html sayfa