Handling trailing slashes in angularUI router

Question

It\'s been hours since I started working on this problem and I can\'t seem to get my head around the solution.

I have an app that may result in users actually typing

Answer 1

There is a link to working plunker

And this is the updated rule definition:

  $urlRouterProvider.rule(function($injector, $location) {

    var path = $location.path();
    var hasTrailingSlash = path[path.length-1] === '/';

    if(hasTrailingSlash) {

      //if last charcter is a slash, return the same url without the slash  
      var newPath = path.substr(0, path.length - 1); 
      return newPath; 
    } 

  });

And these links will now work properly:

  

    
Route 1
    
Route 2
    
#/route1/
    
#/route2/
    
#/route1
    
#/route2
  

The magic could be defined like this: do return changed value if there is a change... otherwise do nothing... see example