我有一个带有各种屏幕的应用程序。每个屏幕都分配有一个 URL,例如 #
、mails
、contacts
等。
在我的主 HTML 文件中,我有一个 ng-view
元素,它根据用户选择的路线进行更新。到目前为止,一切顺利。
现在,其中一些屏幕具有子导航功能。例如,#mails 确实有一个收件箱和一个已发送文件夹。他们将自己呈现为两列:左侧的子导航,右侧相应文件夹的邮件。
当您导航到#mails
时,它会将您重定向到#mails/inbox
,因此基本上inbox是默认子-查看邮件。
我该如何设置?
我目前能想到的唯一方法(我对 AngularJS 还很陌生,因此如果这个问题有点天真,请原谅我)是有两个 View ,一个用于 #mails/inbox
,另一个用于#mails/sent
。
当您选择路线时,将加载这些 View 。当您选择#mails
时,它只会将您重定向到#mails/inbox
。
但这意味着两个 View 都必须使用 ng-include
进行子导航。不知怎的,这对我来说感觉不对。
我更想要的是嵌套 View :顶部的 View 在邮件、联系人等屏幕之间切换,底部的 View 在收件箱、已发送等 subview 之间切换。
我该如何解决这个问题?
最佳答案
AngularJS ui-router解决了我的问题:-)
关于uiview - 如何在 AngularJS 中设置嵌套 View ?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15460279/