我有一个带有各种屏幕的应用程序。每个屏幕都分配有一个URL,例如#
,mails
,contacts
等。
在我的主HTML文件中,我有一个ng-view
元素,该元素会根据用户选择的路径进行更新。到现在为止还挺好。
现在,其中一些屏幕具有子导航。例如,#mails
确实有一个收件箱和一个已发送的文件夹。他们用两列显示自己:左侧的子导航,右侧的相应文件夹的邮件。
当您导航到#mails
时,它将把您重定向到#mails/inbox
,因此基本上收件箱是邮件的默认 subview 。
我该如何设置?
我目前能想到的唯一方法(我对AngularJS还是很陌生,因此,如果这个问题有点天真,请原谅我)有两种观点,一种观点是#mails/inbox
,另一种观点是#mails/sent
。
选择路线时,将加载这些 View 。选择#mails
时,它仅会将您重定向到#mails/inbox
。
但这意味着两个 View 都必须使用ng-include
进行子导航。不知何故,我觉得这很不对。
我想要的是拥有嵌套 View :最上面的一个在屏幕之间切换,例如邮件,联系人等,而最下面的一个在 subview 之间切换,例如收件箱,已发送等。
我该如何解决?
最佳答案
AngularJS ui-router解决了我的问题:-)