Case insensitivity with angularjs ui-router

Question

I'm building a new angularJS app, based from the AngularJS SPA Visual studio template (http://visualstudiogallery.msdn.microsoft.com/5af151b2-9ed2-4809-bfe8-27566bfe7d83)

this uses ui-router (https://github.com/angular-ui/ui-router) for its routing.

however, it seems to be case sensitive.

Any idea how I would instruct angular/ui-router to ignore the case of the url parameter?

case sensitivity doesn't matter while in the app, though should a user type a url to enter the application at a specific page, we need to ensure that about is also the same as aBouT

Cheers

Answer 1

You can now configure ui-router to be case insensitive directly. Here is how you can use it:

angular.module('main', ['ui.router']);  angular.module('main').config(['$urlMatcherFactoryProvider', '$stateProvider', '$urlRouterProvider',   function($urlMatcherFactory, $stateProvider, $urlRouter) {     $urlMatcherFactory.caseInsensitive(true);     $urlMatcherFactory.strictMode(false);     $stateProvider.state('foo', {       url: '/foo',       template: '<b>The Foo View</b>'     });     $stateProvider.state('bar', {       url: '/bar',       template: '<b>The Bar View</b>'     });     $stateProvider.state('nomatch', {       url: '/nomatch',       template: '<b>No match found View</b>'     });      $urlRouter.otherwise('/nomatch');   } ]); 

In the latest release (0.2.11), this is broken. A fix has been pushed already that can be seen at Github. So, currently, the best solution is to clone ui-router and build the head of master manually. Alternatively, you can just alter the source manually until the next release comes.

UPDATE (11/18/2014):

A release has now been made that incorporates the fix from above so that you no longer have to pull source and build manually. You can view the release on Github or just get the latest build.