AngularJS UI Router: Route conflict because of optional parameter

Question

I have a couple of routes in my AngularJS app, I\'m using UI-Router for routing between states/pages in my site. An issue I am having is that I have conflicting routes becau

Answer 1

Best practice would say that this should probably be a query string parameter rather than a route parameter since you are using it to filter out data. To do this with ui-router just define it like so:

$stateProvider
.state('home', {
   url: '/?filter'
});

Now just do

$state.go('home', {filter: 'apples'})