Les préfixes automatiques Angularjs sont en retrait

Si je clique sur l'url, dis-je

www.xyz.com/home#route-1

AngularJS le redirige automatiquement vers

www.xyz.com/home#/route-1

C'est-à-dire – il préfixe l'itinéraire avec un / (barre oblique)

Pourquoi cela se passe-t-il et comment puis-je arrêter de le faire faire cela?

Mise à jour Ce que je recherche vraiment, c'est que l'angulaire ne doit pas attacher la barre oblique, ni supprimer le signe de hachage.

@Tushar Je ne suis pas sûr si vous avez trouvé une solution, mais j'ai également rencontré votre scénario et pas de chance avec le googling. Finalement, j'ai compris que c'était une solution plutôt simple, j'ai ajouté: –

 angular.config(function($locationProvider) { $locationProvider.html5Mode({ enabled: true, requireBase: false, rewriteLinks: false }); })

Et il suffit d'arrêter d'ajouter le préfixe de barre oblique (/) à mon ancrage haché. Tout reste comme ce que nous connaissons (sans remplacement d'URL avec hash ou quoi-non).

Si vous souhaitez utiliser une ancre dans votre application AngularJS, vous devez utiliser le service $anchorScroll .

 "controller" function ScrollCtrl($scope, $location, $anchorScroll) { $scope.gotoBottom = function (){ // set the location.hash to the id of // the element you wish to scroll to. $location.hash('bottom'); // call $anchorScroll() $anchorScroll(); } } "html" <div id="scrollArea" ng-controller="ScrollCtrl"> <a ng-click="gotoBottom()">Go to bottom</a> <a id="bottom"></a> You're at the bottom! </div>

Vous pouvez voir cela dans la documentation d'AngularJS.

Si vous voulez prétentir les URL AngularJS, vous pouvez activer html5Mode:

 .config(function($routeProvider, $locationProvider) { $routeProvider .when('/', { templateUrl : 'partials/home.html', controller : mainController }) .when('/about', { templateUrl : 'partials/about.html', controller : mainController }) .when('/contact', { templateUrl : 'partials/contact.html', controller : mainController }); // use the HTML5 History API $locationProvider.html5Mode(true); });

Vous pouvez voir plus ici