How to $state.go()

Question

Is my $stateProvider:

$stateProvider
.state('home', {
    url : '/',
    templateUrl : '/admindesktop/templates/main/',
    controller : 'AdminDesktopMainController'
}).state('company', {
    url : '/company',
    templateUrl : '/admindesktop/templates/grid/',
    controller : 'CompanyGridController'
}).state('company.detail', {
    url : '/{id:\d+}', //id is 
    templateUrl : '/admindesktop/templates/company/detail/',
    controller : 'CompanyDetailController'
});

It's work for 'company' state (I use ui-sref), but this code not work (called from 'company' state):

$state.go('.detail', {
    id: $scope.selectedItem.id //selectedItem and id is defined
});

I read official docs and answers from StackOverflow, but I don't found solution. I can't use ui-sref, I use ui-grid, and new state opened after select one row from table for editing.

What i do wrong?

score 25 · Accepted Answer · edited Feb 13 '19 at 00:14

25

What would always work is the full state definition:

// instead of this
// $state.go('.detail', {
// use this
$state.go('company.detail', {
    id: $scope.selectedItem.id //selectedItem and id is defined
});

In doc there are defined these options, but they depend on CURRENT state:

to string
Absolute state name or relative state path. Some examples:

$state.go('contact.detail') - will go to the contact.detail state

$state.go('^') - will go to a parent state

$state.go('^.sibling') - will go to a sibling state

$state.go('.child.grandchild') - will go to grandchild state

edited Feb 13 '19 at 00:14

Matthias Michael Engh

1,159
2
10
25

answered Jan 20 '15 at 10:11

Radim Köhler

122,561
47
239
335

I tryed, it not working for me. Maybe, regular expression is wrong? – Dunaevsky Maxim Jan 20 '15 at 10:30
What you should use for having id int is this - `url: "/{id:int}",`. Here is working plunker for you: http://plnkr.co/edit/0EFN6S4LolaeuLHLFmxh?p=preview – Radim Köhler Jan 20 '15 at 11:28

score 2 · Answer 2 · answered Jan 20 '15 at 10:35

2

My error is in regular expression, really:

.state('company.detail', {
    url : '/{id:\d*}',
    templateUrl : '/admindesktop/templates/company/detail/',
    controller : 'CompanyDetailController'
 })

{id:\d*} worked (integer id).

answered Jan 20 '15 at 10:35

Dunaevsky Maxim

3,062
4
21
26

score 2 · Answer 3 · answered Jul 21 '20 at 13:12

2

To load the current state. Check this out.

$state.go($state.current, {}, {reload: true}); //second parameter is for $stateParams

Reference

answered Jul 21 '20 at 13:12

krunal.cp

93
1
13

How to $state.go()

3 Answers3

Linked