CODEWITHSUNDEEP
javascriptangularjsangular-ui-router
Maria Jane
Maria Jane

Reputation: 2403

ui-router of angularjs optional parameter

.state('signup', {
        url:'/app/signup/:ref',
        templateUrl: 'partials/signup.html',
      })

Above is my route config using ui-route. It works when I visit localhost:80/signup/something

but I also want it to work when I visit just localhost:80/signup, how do I do that?

Upvotes: 3

Views: 771

Answers (2)

Dan M. CISSOKHO
Dan M. CISSOKHO

Reputation: 1065

Your configuration is right, the parameters could be optional.

You can also use squash:

.state('signup', {
    url: '/app/signup/:ref',
    templateUrl: 'partials/signup.html',
    params: {
        ref: {squash: true, value: null}
    }
})

squash configures how a default parameter value is represented in the URL when the current parameter value is the same as the default value

see more here: Angular ui.router, Creating an Optional First Path Param

Upvotes: 2

rrd
rrd

Reputation: 5957

You have another state with that url:

.state('another-state', {
  url: '/app/signup',
  templateUrl: 'partials/signup2.html'
})

That should make your localhost:80/signup work as you require.

Upvotes: 0

Related Questions