我有一个带有各种屏幕的应用程序。每个屏幕都分配有一个URL,例如#mailscontacts等。

在我的主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解决了我的问题:-)

10-08 17:57