angularjs - ui-route how to render multi ui-view when route to template -

angularjs - ui-route how to render multi ui-view when route to template -

my requirement is:

index.html -- /login -- /main/tab1 -- /main/tab2 -- /userinfo

and ui like:

header: logo, userinfo left-nav: switch tab1/tab2/tabn right content: ui-view change, , multi sub ui-view,

and ui detail:

login independent page, no header, left-nav, right content main/tab alter right content /userinfo replace left-nav , right content userinfo page, remain header, of course of study using ui-view

i've seen ui-route demo, follow demo, don't know how build route config want, 1 help me ? ui-route config little complex..... if url define not perfect, please help me improve url structure, thanks

if have seen demo , understood it, should create sense:

.state('index', { url: '/', templateurl: //your index.html template path, controller: // controller if index page }) .state('index.login', { url: '/login', templateurl: // login template, controller: // controller login page }) .state('index.maintab1', { url: '/main/tab1', templateurl: // tab1 template, })

add other states in same manner , should ready go.

angularjs angular-ui-router