一尘不染

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

angularjs

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

在我的主要HTML文件中,我有一个ng-view根据用户选择的路线进行更新的元素。到目前为止,一切都很好。

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

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

我该如何设置?

唯一的办法我目前能想到的(我很新的AngularJS,所以原谅我,如果这个问题有点幼稚)是有两种观点,一个是#mails/inbox和其他的#mails/sent

选择路线时,将加载这些视图。选择后#mails,只需将您重定向到即可#mails/inbox

但这意味着两个视图都必须将ng-include用作子导航。不知怎么对我来说这是错的。

我想要的是拥有嵌套视图:最上面的一个在屏幕之间切换,例如邮件,联系人等,最下面的一个在子视图之间切换,例如收件箱,已发送等。

我该如何解决?


阅读 203

收藏
2020-07-04

共1个答案

一尘不染

AngularJS ui路由器解决了我的问题:-)

2020-07-04