Angular UI route parameters

Question

I have this pattern in my route.js

.state('organizations', {
        url: '/companies/:options?/:keyvalue',
        templateUrl: '../app/components/organizations/organization.html',
        controller: 'OrganizationController',
        controllerAs: 'organizationsCtrl'
      })

And when I try access the URLs

/companies/
/companies/users

It works ok, but when I try

/companies/users/1

It redirects to the default view

// For any unmatched url, redirect to /dashboard
    $urlRouterProvider.otherwise('/dashboard');

Anyone can help me to see what I am doing wrong? thanks!

Answer 1

I suppose that you wanted to make the options parameters optional.

Route parameters in UI Router are optional by default.

The ? suffix on route parameters simply tells UI Router where the query portion of the URL template should start

Your url should then looks like this url: '/companies/:options/:keyvalue'

This will match

/companies/
/companies/users/
/companies/users/1