AngularJS UI Router: Route conflict because of optional parameter
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 because of a optional parameter I have/need for the homepage of the site. I have a route for the homepage( example.com ) defined more or less like so: $stateProvider .state('home', { url: '/:filter', params: { filter: { squash: true, value: null } } }); I can activate this state by going to the homepage( example.com ), as well as by adding the optional parameter example.com/apples which I use to filter out the contents on the