angular-ui-router nested states doesn't work with multiple views

Question

Trying to make nested views work, but can't understand where i'm doing wrong. I have parent view with navigation and content, and when user click navigation links, it should load correct view. For some reason it still shows default content.

There are separate login and error states with views, but i removed them to make example simpler.

Here is plunker: http://plnkr.co/edit/bvcNzDwSanPkVm1zASVe?p=preview

So when user click on link, he should see template of selected state loaded to unnamed ui-view.

I understood how state works :) with your before after plunkers. Thank you for your question ;) — uzay95
– uzay95, Commented Jul 31, 2014 at 17:41

Konstantin Petrukhnov · Accepted Answer · 2014-02-12 07:22:04Z

2

Finally got it solved. I have to put additional ui-view to default view:

'': {
      template: '<div ui-view></div>'
    },

Here is working plunker: http://plnkr.co/edit/zy4mYR?p=preview

answered Feb 12, 2014 at 7:22

Konstantin Petrukhnov

7701 gold badge8 silver badges27 bronze badges

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

Collectives™ on Stack Overflow

angular-ui-router nested states doesn't work with multiple views

1 Answer 1

Comments

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Related