Angular UI Route with param not working

Question

I can't figure out what I'm doing wrong here. The last route defined isn't working:

    // Abstract route
    $stateProvider.state('main', {
        'abstract': true,
        url: '/main/',
        controller: 'mainController',
        templateUrl: '/app/views/main.html'
    });

    // This works using "#/main/program/"
    $stateProvider.state('main.program', {
        url: 'program/',
        controller: 'programController',
        templateUrl: '/app/views/main.program.html'
    });

    // This works using "#/main/program/details/123/"
    $stateProvider.state('main.program.details', {
        url: 'details/:programId/',
        controller: 'programDetailsController',
        templateUrl: '/app/views/main.program.details.html'
    });

    // This should work using "#/main/program/details/123/editor"
    // but just changes the url, doesn't load the view,
    // and the controller never executes!
    $stateProvider.state('main.program.details.editor', {
        url: 'editor/',
        controller: 'programDetailsEditorController',
        templateUrl: '/app/views/main.program.details.editor.html'
    });

adam0101 · Accepted Answer · 2014-03-25 17:47:44Z

1

Gah! Simple problem. I had <div ui-view></div> in the first two views, but had forgotten to add it to main.program.details.html. I hope this helps others with the same symptoms.

answered Mar 25, 2014 at 17:47

adam0101

31.5k22 gold badges102 silver badges193 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Kris · Accepted Answer · 2014-03-25 17:03:27Z

0

Check for any errors in browsers console or looking for all loaded script files will give a clue. You may try using Batarang extension (May not be helpful for this scenario)

answered Mar 25, 2014 at 17:03

Kris

2411 silver badge8 bronze badges

Collectives™ on Stack Overflow

Angular UI Route with param not working

2 Answers 2

Comments

Comments

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Related