Angular state provider match cases in url (regex) - regex

Question

I've created an SPA with multiple ui-views using the state provider.
I have a few url match cases, however I want to make them match not just on an explicit url, example:
app.config(function($stateProvider, paths) {
var base = paths.static.views + 'modules/';
$stateProvider
.state('home', {
url : '/',
views : {
'home' : {
templateUrl : base + 'home/_layout.html',
controller: function() {
console.log('home');
}
}
}
})
.state('foo', {
url : '/foo',
views : {
'foo' : {
templateUrl : base + 'foo/_layout.html',
controller: function() {
console.log('foo');
}
}
},
})
.state('bar', {
url : '/bar*',
views : {
'bar' : {
templateUrl : base + 'bar/_layout.html',
controller: function() {
console.log('bar');
}
}
},
})
.state('dog', {
url : '/dog*',
views : {
'dog' : {
templateUrl : base + 'dog/_layout.html',
controller: function() {
console.log('dog');
}
}
},
});
});
So if I navigate to /foo it works, however if my server has a re-write rule (which it does in some cases) it will re-write it to /foo/ and the match case no longer fires.
I've tried adding {url : '/foo*'} but that didn't work either.
I would really like to fix this!