uiview - 如何在 AngularJS 中设置嵌套 View ？

Question

我有一个带有各种屏幕的应用程序。每个屏幕都分配有一个 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 之间切换。

我该如何解决这个问题？

Answer 1

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