Angular routing

Question

Angular routing

Navigation

#1 by (2 votes)
#2 by (0 votes)

1

Good evening I am trying to use the Yeoman's Angular generator, and all good, but when I try to configure the route system with $locationProvider.hashPrefix('!') the routes fail because the route system adds an extra # in the Path.

For example without the configuration is:

localhost: port / # / view

but when adding the prefix it becomes:

localhost: port / #! / # view

and that second # is added next to the name of my view which causes that the view is not found, if I manually delete that # the view is rendered normally.

What configuration do I lack? Greetings !!!

angularjs

asked by Dave Medina 24.11.2016 в 06:03

source

2 answers

Run script using system variable ASP.Net MVC - Send data from a view to a controller

score 2 · Answer 1

2

I think what you need is to add:

$locationProvider.html5Mode(true);

answered by 25.11.2016 в 03:03

score 0 · Answer 2

Make sure your links are without the # , like this: <a ng-href="/ejemplo"></a> and also have your .config implemented as follows:

ejemploApp.config(['$routeProvider', '$locationProvider', function($routeProvider,$locationProvider){
    $routeProvider
      .when('/ejemplo',{
        templateUrl: 'ejemplo.html',
        controller: 'ejemploCtrl',
        controllerAs: 'ejemplo'
      })
      .otherwise({
        redirectTo: '/error404',
      });
      $locationProvider.html5Mode(true).hashPrefix('!');
  }]);