如何在AngularJS中设置嵌套视图?

Gol*_*den 39 nested uiview angularjs

我有一个各种屏幕的应用程序.每个屏幕都分配一个URL,如#,mails,contacts,等.

在我的主HTML文件中,我有一个ng-view元素,根据用户选择的路由进行更新.到现在为止还挺好.

现在这些屏幕中的一些具有子导航.例如,#mails确实有一个收件箱和一个已发送的文件夹.他们向自己展示了两列:左侧的子导航,右侧相应文件夹的邮件.

当您导航到时#mails,它将重定向到您#mails/inbox,因此基本上收件箱邮件的默认子视图.

我怎么能这样设置?

我现在能想到的唯一方法(我对AngularJS很新,因此如果这个问题有点天真,请原谅我)是有两个视图,一个用于#mails/inbox,另一个用于#mails/sent.

选择路径时,将加载这些视图.当您选择#mails它时,只需将您重定向到#mails/inbox.

但这意味着两个视图必须使用一个ng-include子导航.不知怎的,这对我来说是不对的.

我更喜欢的是嵌套视图:顶部视图在诸如邮件,联系人等屏幕之间切换,而底部视图在诸如收件箱,发送等子视图之间切换.

我该如何解决这个问题?

Gol*_*den 31

AngularJS ui-router解决了我的问题:-)