Default value for parameters in state.go angularjs

Question

I have make route in my app.js, well I need receive two parameters in upsr URL.

.state('upsr', {
   url: '/upsr/:QuestionIdIndex/:LangId',
   templateUrl: 'modules/study/question/question-details.html',
   controller: 'upsrCtrl'
})

How I can use $state.go without sending any parameters like below?

$state.go('upsr');

Instead of:

$state.go('upsr',{
    QuestionIdIndex : 0,
    LangId:0
});

Note: If there were no any parameters, then it will set as default value. For example

QuestionIdIndex = 0; 
LangId = 0;

My problems was if I just use $state.go('upsr'); then it would be error.

Any ideas how to solve this?

$state.go('upsr', { 'QuestionIdIndex ':'0', 'LangId ':0' }); — Sajeetharan, Oct 27 '16 at 01:46
I knew that..I just want to use `$state.go('upsr')` for default instead of ` $state.go('upsr', { 'QuestionIdIndex ':'0', 'LangId ':0' }); ` — Nere, Oct 27 '16 at 01:52

lenilsondc · Accepted Answer · 2016-10-27T03:19:48.603

2

You can achieve this by using the params option when defining your state.

Note: optional parameters requires angular-ui-router@1.0.0-beta.3 so then it will match with $urlRouterProvider.otherwise('/upsr');

.state('upsr', {
   url: '/upsr/{QuestionIdIndex}/{LangId}',
   params: {
      QuestionIdIndex: { value: 0 },
      LangId: { value: 0 }
   },
   templateUrl: 'modules/study/question/question-details.html',
   controller: 'upsrCtrl'
})

edited Oct 27 '16 at 03:19

answered Oct 27 '16 at 01:58

lenilsondc

9,590
2
25
40

Also can be implement in `$urlRouterProvider.otherwise('/upsr')`? – Nere Oct 27 '16 at 02:12
@Imran maybe, which version you are using? – lenilsondc Oct 27 '16 at 03:13
How do I check? – Nere Oct 27 '16 at 03:14
you can see on the header of `angular-ui-router.js` – lenilsondc Oct 27 '16 at 03:15
@Imran newer versions of ui-router implements optional parameters, I've updated my answer – lenilsondc Oct 27 '16 at 03:20

score 0 · Answer 2 · answered Oct 27 '16 at 01:56

0

You need to make them as optional parameters,

state('upsr', {
   url: '/upsr/:QuestionIdIndex?/:LangId?',
   templateUrl: 'modules/study/question/question-details.html',
   controller: 'upsrCtrl'
})

answered Oct 27 '16 at 01:56

Sajeetharan

216,225
63
350
396

Also can be implement in `$urlRouterProvider.otherwise('/upsr')`? – Nere Oct 27 '16 at 02:12
@Imran yes you can – Sajeetharan Oct 27 '16 at 02:13
How to set default value for `QuestionIdIndex` and `LangId`? – Nere Oct 27 '16 at 02:14
http://stackoverflow.com/questions/12524533/can-angularjs-routes-have-default-parameter-values – Sajeetharan Oct 27 '16 at 02:16

Default value for parameters in state.go angularjs

2 Answers2